0

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

我的 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>
4

1 回答 1

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);

编辑

如何将标记链接到 URL?

    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);
    });
于 2013-05-10T17:03:14.023 回答