我正在创建一个带有单个图像的地图页面, 并且我想使用 GeoLocation 将用户的位置显示为一个蓝点(有点像 iOS 地图)。
我已经有了用于查找位置的 JavaScript,而且效果很好。我只需要帮助如何根据 position.coords.latitude 和 position.coords.longitude 的输出在页面上放置一个标记 - 只是一个简单的图像。
有什么办法可以做到这一点,如果可以,怎么做?
提前致谢。
我正在创建一个带有单个图像的地图页面, 并且我想使用 GeoLocation 将用户的位置显示为一个蓝点(有点像 iOS 地图)。
我已经有了用于查找位置的 JavaScript,而且效果很好。我只需要帮助如何根据 position.coords.latitude 和 position.coords.longitude 的输出在页面上放置一个标记 - 只是一个简单的图像。
有什么办法可以做到这一点,如果可以,怎么做?
提前致谢。
您可以简单地GMarker
在您的 javascript 中使用,如下所示:
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
您可以像这样自定义其图像:
var image = 'beachflag.png';
marker.icon = image;