2017-08-01 19 views

答えて

-1

緯度/経度を郵便局(または他の都市のインジケータ)の場所に設定します。 次に、zoomプロパティを使用して、包含するレベルに修正します。

参照:https://developers.google.com/maps/documentation/javascript/examples/marker-simpleここ

はコード形式は一例です:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <title>Simple markers</title> 
    <style> 
     /* Always set the map height explicitly to define the size of the div 
     * element that contains the map. */ 
     #map { 
     height: 100%; 
     } 
     /* Optional: Makes the sample page fill the window. */ 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="map"></div> 
    <script> 

     function initMap() { 
     var myLatLng = {lat: -25.363, lng: 131.044}; 

     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 4, 
      center: myLatLng 
     }); 

     var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      title: 'Hello World!' 
     }); 
     } 
    </script> 
    <script async defer 
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> 
    </script> 
    </body> 
</html> 

はシティビューに近いはずであるmap.zoom = 16でそのスクリプトを試してみてください。ロンドンと思う。

地図の境界を設定することもできますが、それははるかに困難です。あなたの位置を見つけ、その領域の周りにジオメトリをプロットし、ポイントを定義してから、すべてのポイントを拡大表示する必要があります。 これはすべて可能ですが、私にコードは表示されていないので、戻ってきていません。あなたがダウンして投票に行く場合

が間違っているかを説明、

+0

、あなたが有益な何かを見つけ願っています。私は私の答えを修正するか、それを削除します。 – JRodd

+0

質問はあいまいであり、修正するものは何も与えませんでしたので、私はコードを書いていませんでした。さて、私は、この場合、コードがコードよりも良いソースだったので、変更の対象となるページにコードを配置しました。私は、Google Mapsがその開発者のリンクを維持しているので、このポストを維持しません。そして私は助けようとします。 – JRodd

+0

アイデアありがとう。申し訳ありません、質問は曖昧でした。 –

関連する問題