我有以下代码:
<!DOCTYPE html>
<head>
<title>Geolocation Service</title>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var lat = ???;
var lng = ???;
var map = {
center:new google.maps.LatLng(lat,lng),
zoom:5,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("mapcontainer"), map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="mapcontainer">
<!--Map goes here-->
</div>
</body>
<style>
*
{
margin: 0;
}
#mapcontainer
{
width: 100vw;
height: 100vh;
}
</style>
</html>
在我的变量 lat 和 lng 中，我将它们设置为 ??? 因为我不知道如何获取当前位置。我刚刚开始学习 Google Geolocation API。谢谢!
最佳答案
如果您使用 Google Loader 加载 Google map ，您可以使用 google.loader.CurrentLocation 获取基于 IP 的位置，如 this answer 中所示。
另一种选择是利用HTML5 GeoLocation API :
function initialize() {
// Is HTML5 geolocation supported
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position){
var lat = position.coords.latitude;
var lng = position.coords.longitude;
//..
});
}
}
您可能会发现Google Maps JavaScript API - Geolocation示例很有帮助。
关于javascript - 动态获取当前 LatLng(Google map )，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30368944/