Как правильно реализовать поиск листовок в Ionic 3? - PullRequest
Новая
       12

Как правильно реализовать поиск листовок в Ionic 3?

0 голосов
/ 08 июня 2018

Я пытаюсь найти местоположение на карте листовки.Я использую плагин leaflet-search для достижения этой цели.Я попробовал следующий код: 

import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import 'leaflet';
import 'leaflet-routing-machine';
import 'leaflet-search'


declare var L: any;

@IonicPage()
@Component({
  selector: 'page-map-modal',
  templateUrl: 'map-modal.html',
})
export class MapModalPage {
  map: L.Map;
  center: L.PointTuple;
  searchControl: any;


  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  leafletMap() {
    this.map = L.map('mapId', {
      center: this.center,
      zoom: 16
    });

    let searchLayer = L.layerGroup().addTo(this.map);
    this.map.addControl(new L.Control.Search({layer: searchLayer}));


    L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
        attributionControl: false,
        maxNativeZoom: 17,
        maxZoom: 17
      }
    ).addTo(this.map);
  }

  ionViewDidLoad() {
    this.center = [23.762912, 90.430693];
    this.leafletMap();
  }

}

Значок поиска CSS не загружен должным образом.

enter image description here

Затем, когда я попыталсядля поиска местоположения, местоположение не найдено.

enter image description here

Какой идеальный способ включить поиск по листовке.Я хочу следующие функции:

  1. Как показать подсказку при наборе для местоположения?
  2. Как дать предпочтение показывать местоположения Бангладеш при наборе для местоположения?
...