2016-03-22 4 views
1

私はクライアントの支店の場所を提供するシンプルなアプリケーションに取り組んでいます。私は現在マップのスナップショットを使用していますが、画像だけでなくリアルマップ(パン)上にその位置を表示したいと思います。Googleマップでパンする方法は?

私はこれは私が使用したコードであるインテル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マップ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({ 位置:バンガロール、 地図:map、 });