如何在Google地圖上只顯示1個標記？

嗨我有這個奇怪的問題與谷歌地圖V3 API。在谷歌地圖上顯示多個標記是好的，但是當我只想在地圖上顯示一個標記時，我沒有顯示標記？如何在Google地圖上只顯示1個標記？

下面的代碼只顯示沒有標記的地圖。

var map = new google.maps.Map(document.getElementById('map_canvas'), options); 

marker1 = new google.maps.Marker({ 
    position: new google.maps.LatLng(1.288693,103.846733), 
    map: map 
});

添加第二個標記在地圖上顯示2個標記。

var map = new google.maps.Map(document.getElementById('map_canvas'), options); 

marker1 = new google.maps.Marker({ 
    position: new google.maps.LatLng(1.288693,103.846733), 
    map: map 
}); 

marker2 = new google.maps.Marker({ 
    position: new google.maps.LatLng(1.288693,103.846733), 
    map: map 
});

所以我的問題是，我如何只在地圖上顯示一個標記？目前我的解決方法是有相同的緯度/經度的2個標記，但它不是非常優雅的大聲笑

來源

2011-06-03 Nyxynyx

看起來是正確的。嘗試用「var」聲明你的標記。我的猜測是你在另一個函數中覆蓋了marker1。 – mhyfritz 2011-06-03 22:40:41

適合我的工作：http://jsfiddle.net/doktormolle/wKMwR/ – 2011-06-03 22:41:31

我覆蓋它。謝謝！ – Nyxynyx 2011-06-04 01:08:00

您的第一個代碼塊完全適合我。這裏是整個文件我已經在那裏的工作，如果這能幫助：

<html> 
<head> 
<title>Map Test</title> 
<script type="application/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script> 
    var latlng = new google.maps.LatLng(1.288693,103.846733); 

    var options = { 
     zoom: 16, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
</script> 
</head> 
<body> 
<h1>Map</h1> 
<div id="map_canvas" style="height:100%; width:100%;"></div> 
<script> 
var map = new google.maps.Map(document.getElementById('map_canvas'), options); 

marker1 = new google.maps.Marker({ 
    position: new google.maps.LatLng(1.288693,103.846733), 
    map: map 
}); 
</script> 
</body> 
</html>

來源

2011-06-04 02:38:57 Trott

顯示在V3谷歌地圖一個標誌我沒有地雷這樣

function initialize() { 
      var latlng = new google.maps.LatLng(-34.397, 150.644); 
      var myOptions = { 
       zoom: 8, 
       center: latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP // map view, can be set to satellite, street, roadview, aerialview 
      }; 
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

      var marker = new google.maps.Marker({ 
       position: latlng, 
       map: map, 
       animation: google.maps.Animation.DROP, 
       title: "Uluru (Ayers Rock)" 
      }); 

      marker.setMap(map); 
     }

來源

2011-10-19 10:25:24 MJCoder

如何在Google地圖上只顯示1個標記？

回答

相關問題