タグ付けされた質問 「google-maps-api-3」

Google Maps APIはかなり新しいものです。循環してマップにプロットしたいデータの配列があります。かなりシンプルに思えますが、私が見つけたすべてのマルチマーカーチュートリアルは非常に複雑です。 例としてグーグルのサイトからのデータ配列を使用してみましょう： var locations = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1] ]; これらのすべてのポイントをプロットし、クリックして名前を表示するときにinfoWindowをポップアップ表示したいだけです。

657 javascript  google-maps  google-maps-api-3 

Google Maps API（v3）を使用して、ページにいくつかの地図を描画しています。マウスホイールを地図上でスクロールするときにズームを無効にしたいのですが、方法がわかりません。 scaleControlを無効にしました（つまり、スケーリングUI要素を削除しました）が、これはスクロールホイールのスケーリングを妨げません。 これが私の関数の一部です（これは単純なjQueryプラグインです）： $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as not relevant };

560 jquery  google-maps  google-maps-api-3  jquery-plugins 

Google Maps API v2では、すべてのマップマーカーを削除したい場合は、次のようにするだけです。 map.clearOverlays(); Google Maps API v3でこれを行うにはどうすればよいですか？ リファレンスAPIを見ると、私にはわかりません。

429 javascript  html  google-maps  google-maps-api-3 

マップに複数のマーカーを設定し、ズームレベルと中心を静的に設定できますが、すべてのマーカーをカバーし、すべての市場が見えるように可能な限りズームすることが目的です 利用可能な方法は次のとおりです setZoom(zoom:number) そして setCenter(latlng:LatLng) どちらもsetCenter複数の場所や場所の配列の入力をサポートしていることも、setZoomこの種の機能を持っていません

352 javascript  google-maps-api-3 

StackаэтотвопросестьответынаStack Overflowнарусском：Какопределятьближайшиемаркеры？ GoogleマップV3の2つのマーカー間の距離をどのように計算しますか？（distanceFromV2 の関数に似ています。） ありがとう。

319 javascript  google-maps-api-3 

最近、Google Maps API V3に切り替えました。配列からマーカーをプロットする簡単な例を使用していますが、マーカーを基準にして自動的にセンタリングおよびズームする方法がわかりません。 私はGoogle自身のドキュメントを含め、ネットの高低を検索しましたが、明確な答えは見つかりませんでした。単純に座標の平均を取ることができることはわかっていますが、それに応じてズームをどのように設定しますか？ function initialize() { var myOptions = { zoom: 10, center: new google.maps.LatLng(-33.9, 151.2), mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); setMarkers(map, beaches); } var beaches = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.423036, 151.259052, 5], ['Cronulla Beach', -34.028249, 121.157507, 3], ['Manly Beach', …

303 javascript  google-maps  google-maps-api-3 

これに似た他の多くの質問（ここ、ここ、ここ）を見てきましたが、それらはすべて私の問題を解決しない回答を受け入れました。私が問題を見つけた最良の解決策は、マーカーのカスタム色を定義できるStyledMarkerライブラリーですが、デフォルトのマーカー（Googleマップ検索を実行したときに得られるもの）を使用することはできません-真ん中のドット）、それはちょうど文字で、または特別なアイコンでマーカーを提供するようです。

282 google-maps-api-3 

これは私が3つのピン/マーカーで地図を表示するために使用するものです： <script> function initialize() { var locations = [ ['DESCRIPTION', 41.926979, 12.517385, 3], ['DESCRIPTION', 41.914873, 12.506486, 2], ['DESCRIPTION', 41.918574, 12.507201, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: new google.maps.LatLng(41.923, 12.513), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i …

225 javascript  google-maps  google-maps-api-3  google-maps-markers 

次のコードでGoogle MAP API v3を使用しようとしています。 <h2>Topology</h2> <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.topology.css' %}" /> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.css' %}" /> <style type="text/css" > #map_canvas { width:300px; height:300px; } </style> <script type="text/javascript"> var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: …

204 javascript  google-maps-api-3 

埋め込みGoogleマップ（API v3）にプロットする一連のポイントがあります。ズームレベルが低すぎる（つまり、ズームアウトが大きすぎる）場合を除いて、すべてのポイントに対応できるように境界を設定します。私のアプローチはこのようなものでした： var bounds = new google.maps.LatLngBounds(); // extend bounds with each point gmap.fitBounds(bounds); gmap.setZoom( Math.max(6, gmap.getZoom()) ); これは機能しません。最後の行「gmap.setZoom（）」は、fitBoundsの直後に呼び出された場合、マップのズームレベルを変更しません。 マップに適用せずに境界のズームレベルを取得する方法はありますか？これを解決するための他のアイデア？

201 javascript  google-maps  google-maps-api-3  fitbounds 

私は検索ボックスの推奨結果を返すためにGoogleオートコンプリートプレイスのJavaScriptを使用しています。必要なのは、入力された文字に関連する都市と国のみを表示することですが、Google APIは必要のない一般的なプレイスの結果をたくさん提供するので、方法結果を都市と国のみを表示するように制限します。 次の例を使用しています。 <html> <head> <style type="text/css"> body { font-family: sans-serif; font-size: 14px; } </style> <title>Google Maps JavaScript API v3 Example: Places Autocomplete</title> <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script> <script type="text/javascript"> function initialize() { var input = document.getElementById('searchTextField'); var autocomplete = new google.maps.places.Autocomplete(input); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div> <input id="searchTextField" …

198 javascript  autocomplete  google-maps-api-3 

緯度と経度があります"-27.0000,133.0000"。それに基づいて地図を作りたい。 私はこのリンクに行ってみました https://maps.googleapis.com/maps/api/geocode/json?latlng=-27.0000,133.0000&key=****** ブラウザでこのエラーが発生し続ける { "error_message" : "This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: Learn more: https://code.google.com/apis/console", "results" : [], "status" : "REQUEST_DENIED" } しかし、私はすでにそのAPIを有効にしていると思います。Googleコンソールにログインし、再確認します。 私が行くとき： https://console.developers.google.com/project/75423435770063/apiui/apis/enabled そうですか ： ジオコーディング+ジオロケーティングが有効になっています。 少し行き詰まっています。ここで見逃したことはありますか？

192 google-maps  google-maps-api-3  geocoding  google-geolocation 

Googleマップに自分のWebページに表示しようとすると、「開発目的のみ」というメッセージが表示されます。 このメッセージを消すにはどうすればよいですか？ 私のコードはそのようなものです： <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script type="text/javascript"> function initialize() { var myLatlng = new google.maps.LatLng(50.5792659,8.6744471); var centerMap = new google.maps.LatLng(50.5792659,8.6744471); var div = document.getElementById('map'); } </script> その後、私は持っています <p> <a href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z" target="_blank" >Route berechnen</a> </p> このメッセージの発信元がわかりません。

155 google-maps  google-maps-api-3 

getBoundsZoomLevel()V2 API と同様に、Google Maps V3 APIを使用して特定の境界のズームレベルを計算する方法を探しています。 これが私がやりたいことです： // These are exact bounds previously captured from the map object var sw = new google.maps.LatLng(42.763479, -84.338918); var ne = new google.maps.LatLng(42.679488, -84.524313); var bounds = new google.maps.LatLngBounds(sw, ne); var zoom = // do some magic to calculate the zoom level // Set …

138 google-maps  google-maps-api-3 

次のJavaScriptエラーが突然表示されました。 Google Maps APIエラー：Google Maps APIエラー：MissingKeyMapError

137 google-maps  google-maps-api-3