javascript - 如何在 Google map 上仅显示 1 个标记?

标签 javascript google-maps google-maps-api-3

您好,我在使用 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/

相关文章:

javascript - onclick:改变位置后做一些事情

javascript - 如何使用轮播添加谷歌评论

javascript - 为什么 anime.js 不工作?

javascript - 使用 Google map 的 JavaScript 中的作用域和闭包问题

具有相同 id 的对象的 JavaScript

iOS GMaps 委托(delegate) mapView : markerInfoWindow: not implemented

android - 在 asynctask android 中添加折线

javascript - 带有 CSS 和图像的 Google Map V3 缩放按钮

google-maps - 如何自动为 Google 或 OpenStreetMap 上的地址绘制标记?

javascript - gmaps.js 添加DrawingManager控件