谷歌标记显示,但标题不显示

时间:2014-04-02 22:38:49

标签: javascript google-maps google-maps-api-3 dart

我确信有一个非常简单的解决方案,但我已经看了一段时间了,可以使用一些建议。我已经在地图上放置了一个标记,但是在单击标记时标题不会出现。我已经尝试将标记移动到初始化函数,但到目前为止还没有帮助。这是我正在使用的代码:

function initialize() {

      var Latlng = new google.maps.LatLng(55.865149400000000000, -4.258004199999959000);
      var mapOptions = {
      center: Latlng,
      zoom: 9,
      panControl: true,
      zoomControl: true,
      scaleControl: true,
      mapTypeId: google.maps.MapTypeId.SATELLITE



    };

    var map = new google.maps.Map(document.getElementById("map-canvas"),
      mapOptions);

    var marker = new google.maps.Marker({
      map: map,
      position: Latlng,
      draggable:true,
      animation: google.maps.Animation.DROP,
      title: 'Hello World'


    });



  }
  google.maps.event.addDomListener(window, 'load', initialize);

任何意见都会受到欢迎,因为我确信答案正在盯着我。

1 个答案:

答案 0 :(得分:0)

您缺少某些功能。添加标题'属性到标记,你不会神奇地获得标记点击的事件监听器。你需要有一些组件来显示标记标题 - InfoWindow就足够了。

以下是一个示例代码(取自JavaScript):

var infowindow = new google.maps.InfoWindow({
  content: "hello"
});

google.maps.event.addListener(marker, 'click', function(){
   infowindow.open(map, marker);
});