Question

我正在构建一个离子3应用程序并尝试让htmlInfoWIndow显示在地图上，但没有任何运气。我使用以下版本：＆＃34; @ ionic-native / google-maps＆＃34;：＆＃34; 4.4.2＆＃34;，＆＃34; cordova-plugin-googlemaps＆＃34;：＆＃34; ^ 2.1.1＆＃34 ;，

loadMap() {
    let mapOptions: GoogleMapOptions = {
      camera: {
        target: {
          lat: 43.0741904,
          lng: -89.3809802
        },
        zoom: 18,
        tilt: 30
      }
    };

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

    // Wait the MAP_READY before using any methods.
    this.map.one(GoogleMapsEvent.MAP_READY)
      .then(() => {
        console.log('Map is ready!');

        let htmlInfoWindow = new HtmlInfoWindow();

        let html = [
          '<h2>Title here....</h2>'
        ].join("");
        htmlInfoWindow.setContent(html);

        // Now you can use all methods safely.
        this.map.addMarker({
          position: {
            lat: 43.0741904,
            lng: -89.3809802
          }
        })
          .then((marker: Marker) => {
            marker.on(GoogleMapsEvent.MARKER_CLICK)
              .subscribe(() => {
                htmlInfoWindow.open(marker);
                console.log('sad');
              });
          });


      });
  }

loadMap（）函数在ionicviewenter上初始化。打印出控制台日志，但标记点击时没有出现信息窗口。

任何想法，我做错了什么？谢谢，特丽克丝

Answer 1

检查（转到diapositive 42）

https://docs.google.com/presentation/d/e/2PACX-1vScoho1ensbR4qCI9AIuQN55BZVvK73pAjI7sumDvW3CrxxHnrmpXWUjx2-8CpFibqU1EjLKCRhuthJ/pub?start=false&loop=false&delayms=3000

离子原生谷歌地图标记问题

1 个答案: