如何使用GeoLocation在地图上放置标记？

Question

我正在创建一个包含单个图片的地图页面 我想使用GeoLocation来显示用户的蓝点（有点像iOS地图）。

我已经有用于查找位置的JavaScript，而且效果很好。 我只需要根据position.coords.latitude和position.coords.longitude的输出在页面上放置一个标记 - 只是一个简单的图像 - 的帮助。

有什么方法可以做到这一点，如果有，怎么做？ 提前谢谢。

Answer 1

您只需在javascript中使用GMarker，如下所示：

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!"
});

你可以customize its image那样：

var image = 'beachflag.png';
marker.icon = image;