使用带有 HTML 地理位置的 Google 地图

Posted 2023-02-23

【中文标题】使用带有 HTML 地理位置的 Google 地图

【英文标题】：Using Google maps with HTML geolocation

【发布时间】：2018-10-31 16:12:14

【问题描述】：

我正在使用地理位置来获取用户的当前位置。问题是有时它不会返回准确的位置。然后我想允许用户在谷歌地图上的正确位置手动设置标记，然后返回这个新位置的经度和纬度。

请问有什么想法吗？

这是我在使用地理位置返回用户位置时使用的代码

function getLocation() 
if (navigator.geolocation) 
    navigator.geolocation.getCurrentPosition(showPosition);
 
else  
    document.getElementById("location-x").innerhtml = "Geolocation is not supported by this browser.";



function showPosition(position) 
var latitude= position.coords.latitude;
var longitude= position.coords.longitude;
document.getElementById("location-x").innerHTML = "Latitude: " + latitude + 
"<br>Longitude: " + longitude;
$("#latitude").val(latitude);
$("#longitude").val(longitude);
 var uluru = lat: latitude, lng: longitude;
 $("#map").show();
 var map = new google.maps.Map(
  document.getElementById('map'), zoom: 15, center: uluru);

  var marker = new google.maps.Marker(position: uluru, map: map);
  

【参考方案1】：

我发现你可以设置“draggable:true”，

var marker = new google.maps.Marker(position: uluru, map: map,draggable:true);

并通过向标记添加事件侦听器来获取标记的当前位置

google.maps.event.addListener(marker, 'dragend', function(evt)
document.getElementById('location-x').innerHTML = 'Latitude: ' 
+ evt.latLng.lat().toFixed(3) + ' Longitude: ' + evt.latLng.lng().toFixed(3);
);

 google.maps.event.addListener(marker, 'dragstart', function(evt)
document.getElementById('location-x').innerHTML = 'Getting new location...';
);

我希望这对某人有所帮助。干杯