我正在使用以下代码获取用户在 phonegap 中的位置(它工作正常)
function getLocation() {
var win = function(position) {
var lat = position.coords.latitude;
var long = position.coords.longitude;
var myLatlng = new google.maps.LatLng(lat, long);
var myOptions = {
center: myLatlng,
zoom: 7,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
var map_element = document.getElementById("displayMap");
var map = new google.maps.Map(map_element, myOptions);
};
var fail = function(e) {
alert('Error: ' + e);
};
var watchID = navigator.geolocation.getCurrentPosition(win, fail);
}
通过将用户的当前位置放在 map 上居中,效果很好。但我想在用户位置上显示一个指示器(一个红点)。但我可以看到 google API 仅提供 3 个选项中心、缩放和 mapTypeId。
是否有任何可用选项可用于突出显示位置或是否有解决方法?
编辑
能够发现 google maps API 有一个标记可以突出显示任何位置。这看起来很有用,但显示默认的红色气球,可以通过自定义图像修改吗?
最佳答案
您可以使用新发布的GeolocationMarker这是 Google Maps API Utility Library 的一部分.
它将在用户当前位置添加一个标记和精度圆圈。它还允许开发人员使用 setMarkerOptions
方法和指定 icon
属性来自定义标记。
关于javascript - 如何在谷歌地图中突出显示用户的当前位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12175931/