Question

我不知道我的代码为我的地址显示地图标记有什么问题。我查看了谷歌开发网站以及博客和堆栈溢出帖子，但似乎无法理解它或由于某种原因无法有效地将其实现到我的代码中。我希望在地图上显示地址的标记，点击后会将其转到该位置的Google地图的网址。

我的CSS：

 var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
 var mapOptions = {
   zoom: 4,
   center: myLatlng,
   mapTypeId: google.maps.MapTypeId.ROADMAP,
 }
 var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

 var marker = new google.maps.Marker({
   position: myLatlng,
   title:"Hello World!"
 });

 // To add the marker to the map, call setMap();
 marker.setMap(map);

我的HTML：

  <div style="height: 277px; width: 964px; z-index; 1;"> 
     <div id="map-canvas" style="margin: 0; padding: 0; height: 100%;"></div>
  </div>

Answer 1

试试这个：

function initialize() {
    var myLatlng = new google.maps.LatLng(-25.363882, 131.044922);
    var mapOptions = {
        zoom: 4,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    var marker = new google.maps.Marker({
        position: myLatlng,
        title: "Hello World!"
    });

    marker.setMap(map);

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

修改：

如何将标记链接到网址？

var infowindow = new google.maps.InfoWindow({ content: "<a href='http://www.google.com'>Visit Google!</a> " }); google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); });

在显示地图标记时遇到问题

1 个答案: