1

カスタマイズした Google マップ API v3 にマーカーを追加しようとしています。マップは正常に表示されていますが、マーカーを追加できないようです。これは基本的なことのようですが、行き詰まり続けています。https://developers.google.com/maps/documentation/javascript/overlays#AddingOverlaysの指示に従ってみました

ただし、javascript と API に関する一般的な知識は非常に限られているため、ここで基本的な何かが欠けているように感じます。非常に基本的であるため、Google の指示ではおそらくカバーされていません。コロン、ブラケットがありません。変数の順序が間違っている可能性がありますか？任意の入力をいただければ幸いです。以下にコードを示します。

<script type="text/javascript">
function initialize() {

    var myLatlng = new google.maps.LatLng(51.60505, -0.18989);

    var mapOptions = {
        center: myLatlng,
        zoom: 18,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };

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

    //the code for the marker, as copy pasted from google
    var marker = new google.maps.Marker({
        position: myLatlng,
        title:"Hello World!"
    });

    var styles = [
      {featureType: "landscape",
        stylers: [
          { color: "#378fb5" }
        ]
      },{
       ETC
       ETC
       ETC
        }
   ];

    map.setOptions({styles: styles});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
4

3 に答える 3

2

電話する必要があります

marker.setMap(map)

作成した後、つまり

<script type="text/javascript">
function initialize() {

var myLatlng = new google.maps.LatLng(51.60505, -0.18989);

var mapOptions = {
    center: myLatlng,
    zoom: 18,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

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

//the code for the marker, as copy pasted from google
var marker = new google.maps.Marker({
    position: myLatlng,
    title:"Hello World!"
});

// Add the marker to the map
marker.setMap(map);

var styles = [
  {featureType: "landscape",
    stylers: [
      { color: "#378fb5" }
    ]
  },{
   ETC
   ETC
   ETC
    }
];

map.setOptions({styles: styles});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
于 2013-05-29T11:14:39.230 に答える