Google地图文字标记

时间:2019-07-14 17:30:31

标签: angular google-maps ionic4

我目前正在使用IONICangular来开发Google Map API。我正在尝试自定义Google地图标记,我想显示labeltext
 天气标记旁边的温度。

我的应用程序中有什么

enter image description here

这是我的意思的简单例子。

enter image description here

你知道我该怎么办吗?

我的代码:

  async ngOnInit() {
    await this.platform.ready();
    await this.loadMap()

    await this.getData()
  }

      getData(){

        this.http.get('xxxxxxxxxxxxxxxxxxx',{},{}).then(data=>{

        let DataJson = JSON.parse(data.data)

        for (let datas of DataJson['features']) {

          this.points.push({ lng: datas.geometry.coordinates[0], lat: datas.geometry.coordinates[1] });

        }

        for (let i = 0; i <  DataJson.features.length; i++) {

          let coords = DataJson.features[i].geometry.coordinates;

          let latLng = new LatLng(coords[1], coords[0]);
          let icoa = DataJson.features[i].properties.id


          let markera: Marker = this.map.addMarkerSync({
            position: latLng,
            title:icoa

          })
        }



        })

      }

      loadMap() {

        let mapOptions: GoogleMapOptions = {
          camera: {
             target: {
               lat: 33.263,
               lng: 44.232
             },
             zoom: 6,
           }
        };

        this.map = GoogleMaps.create('map_canvas', mapOptions);
      }

Doc ionic Google map

0 个答案:

没有答案