如何使用 GeoLocation 在地图上定位标记？

【问题标题】：How can I position a marker on a map using GeoLocation?如何使用 GeoLocation 在地图上定位标记？
【发布时间】：2012-11-13 10:31:23
【问题描述】：

我正在创建一个带有单个图像的地图页面，我想使用 GeoLocation 将用户的位置显示为一个蓝点（有点像 iOS 地图）。

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

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

【问题讨论】：

标签： iphone image google-maps geolocation marker

【解决方案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;

【讨论】：