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

Posted 2023-02-23

【中文标题】如何使用 GeoLocation 在地图上定位标记？

【英文标题】：How can I position a marker on a map using GeoLocation?

【发布时间】：2012-11-13 10:31:23

【问题描述】：

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

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

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

【参考方案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;