如何平移谷歌地图?

时间:2016-03-22 08:51:32

标签: javascript html5 google-maps intel-xdk

我正在开发简单的应用程序,它为我们的客户提供我们的分支机构位置,我现在使用地图的快照,但我想在真实地图上显示位置(平移)而不仅仅是图像。

我使用的是英特尔XDK平台(HTML / Javascribt)

这是我使用的代码:

function onError(error) {
    alert('code: '    + error.code    + '\n' +
          'message: ' + error.message + '\n');
}

        
        var output = document.getElementById("mapp");
        function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;

    output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>';

    var img = new Image();
    img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=400x400&sensor=false";

    output.appendChild(img);
  };
  
        
        output.innerHTML = "<p>Locating…</p>";
        navigator.geolocation.getCurrentPosition(success, onError);

1 个答案:

答案 0 :(得分:1)

我找到答案,只需将成功功能更改为:

var latitude  = position.coords.latitude;
var longitude = position.coords.longitude;

var bangalore = { lat: 12.97, lng: 77.59 };
var map = new google.maps.Map(document.getElementById('mapp'), {
zoom: 14,
center: bangalore
});

var beachMarker = new google.maps.Marker({     职位:班加罗尔,     地图:地图,     });