2016-03-22 21 views
1

Müşterilerimize şubelerimizin konumunu sunan basit bir Uygulama üzerinde çalışıyorum, şimdi haritanın bir anlık görüntüsünü kullanıyorum, ancak yalnızca bir görüntüyü değil gerçek haritayı (Pan) göstermek istiyorum.Google haritalarda nasıl pan yapılır?

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

Size sadece bir PNG görüntüsü sağlayan [Static Maps API] (https://developers.google.com/maps/documentation/static-maps/) adresini kullanıyorsunuz. Haritayı kaydırmak isterseniz, [Google Haritalar Javascript API'sı] 'nı (https://developers.google.com/maps/documentation/javascript/) veya [Google Haritalar Yerleştirme API'sı]' nı kullanmanız gerekir (https: //developers.google.com/maps/documentation/embed/) – duncan

cevap

1

ben sadece başarı fonksiyonunu değiştirerek, cevap buldu:

Ben bu kullandığım kodudur

Intel XDK platformu (HTML/Javascribt) kullanın:

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 ({ pozisyon: bangalore, harita: harita, });

İlgili konular