2016-03-22 85 views
1

我正在爲我們的客戶提供簡單的應用程序,我們的分支機構位置,我現在使用地圖的快照,但我想要顯示的是真實地圖(平面)上的位置而不僅僅是圖像。如何在谷歌地圖上平移?

我使用英特爾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);

+2

您正在使用[靜態地圖API](https://developers.google.com/maps/documentation/static-maps/),它只是爲您提供PNG圖像。如果您希望能夠平移地圖,則需要使用[Google Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/)或[Google Maps Embed API](https: //developers.google.com/maps/documentation/embed/) – duncan

回答

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 beachMa rker = new google.maps.Marker({position:bangalore, map:map, });