如何将ajax结果传递给谷歌地图

Posted 2023-02-23

【中文标题】如何将ajax结果传递给谷歌地图

【英文标题】：How to pass the ajax result to google maps

【发布时间】：2012-09-18 00:30:58

【问题描述】：

我正在使用此代码获取当前位置的经纬度。

<script>
var x=document.getElementById("demo");
function getLocation()
  
  if (navigator.geolocation)
    
    navigator.geolocation.getCurrentPosition(showPosition);
    
  elsex.innerhtml="Geolocation is not supported by this browser.";
  
function showPosition(position)
  
  x.innerHTML="Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;    
  
</script>

我需要将此 ajax 代码中的经度和纬度传递给谷歌地图的 LatLng 变量，如何做到这一点。

这是我正在使用的谷歌地图 api 代码

    function initialize() 
  var latlng = new google.maps.LatLng(52.000,17.1100);
    var myOptions = 
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    ;

谁能帮帮我..提前谢谢:)

【参考方案1】：

function showPosition(position)

    x.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude;
    initialize(position);


function initialize(position) 
    var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
    var myOptions = 
    zoom: 12,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
;

【参考方案2】：

如果你已经初始化了地图，你可以在获取位置后将其居中：

map.setCenter(new google.maps.LatLng(position.coords.latitude,position.coords.longitude));

【参考方案3】：

这应该只是传递您已经检索到的经纬度的情况：

function showPosition(position)

 var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
 var myOptions = 
  zoom: 12,
  center: latlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
 ;

【参考方案4】：

与您当前的方式相同，但传入 position.coords.latitude 和 position.coords.longitude 而不是 52.000 和 17.1100。

var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);