0

住所のマップ マーカーを表示するコードの何が問題なのかわかりません。Google 開発サイトやブログ、スタック オーバーフローの投稿を見てきましたが、理解できないか、何らかの理由でコードに効果的に実装できないようです。地図上の住所にマーカーを表示し、クリックするとその場所の Google マップの 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 に答える