您好,我在使用 Google map V3 API 时遇到了这个奇怪的问题。在谷歌地图上显示多个标记很好,但是当我只想在 map 上显示单个标记时,我没有显示任何标记?
下面的代码仅显示没有标记的 map 。
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
});
添加第二个标记会在 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
});
所以我的问题是,如何在 map 上只显示单个标记?目前我的解决方法是有 2 个相同纬度/经度的标记,但它不是很优雅哈哈
最佳答案
你的第一个代码块完全适合我。这是我的整个文件,如果有帮助的话:
<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>
关于javascript - 如何在 Google map 上仅显示 1 个标记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6233144/