2017-12-21 7 views
-1

2つのユーザー入力(緯度と経度の値)を取り、Google Maps APIを使用して対応するGoogleマップを読み込むコードを作成しようとしています。入力された値に応じて変更される静的なGoogleマップを作成する方法はありますか?私はjavascript APIを使用しようとしましたが、私はマップを画像形式で表示する必要があります。静的なGoogle Maps API用にカスタマイズ可能な中心点を作成することはできますか?

(コメントからコード):

function pos() { 
    alert("Your chosen coordinates are: (" + document.getElementById("lat").value + ", " + document.getElementById("long").value + ")"); 
    var lat = parseFloat(document.getElementById("lat").value); 
    var long = parseFloat(document.getElementById("long").value); 
    x = document.getElementById("button2") x.style.visibility = "visible"; 
    var mapProp = { 
    center: new google.maps.LatLng(lat, long), 
    zoom: 20, 
    mapTypeId: google.maps.MapTypeId.SATELLITE 
    }; 
    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp‌​); 
} 
+0

のように、後でそれを設定するには、あなたがしているように、中心オブジェクトを渡します「静的地図」(画像)またはGoogleマップのJavascript API v3地図をお探しですか?このような外観を実現しようとするあなたの試みは何ですか?なぜgoogle-maps-api-2というタグが付けられているのですか? – geocodezip

+0

静的地図の場合は、[静的地図のドキュメント](https://developers.google.com/maps/documentation/static-maps/intro#Locations)を見ましたか? – geocodezip

+0

私は静的マップを探していますが、コードは次のようになります: –

答えて

0

マップを作成し、その

var map = new google.maps.Map(document.getElementById('map'), { 
    center: { 
     lat: -34, 
     lng: 151 
    } 
} 

またはSO

map.setCenter({lat: -34, lng: 151}); 
関連する問題