問題タブ [google-polyline]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
261 参照

javascript - ポリラインで mouse_over イベントが発生している間に、最も近いマーカー (前と次) を定義します

10 個のマーカーで構成されるポリラインがあります。ポリラインの一部で mouse_over または mouse_click イベントが発生しているときに、最も近いマーカー (前と次) を定義する方法はありますか?

たとえば、ポリラインの 1 つの部分をクリックしました。ポリラインのこの部分は 2 つのマーカーの間にあります。LatLng 位置で 2 つのマーカーを検索する必要があります。

どんな提案でも大歓迎です。ありがとう。

Update1 ここに snippet1 があります (データベースから (サーバーの API から) 各マーカーの latlng を取得します):

snippet2 (マーカーの配列を塗りつぶし、ポリラインを描画):

正直なところ、次の 4 つのことが必要です
。 1. ポリラインの上にマウスを移動します
。 2. 発生したポリラインの mouse_over イベントの間に前/次のマーカーを定義し
ます。 3. これらのマーカーから marker.timestamp 値を取得
します。 4. 方向を描画します (google.maps. SymbolPath.FORWARD_OPEN_ARROW) ポリラインのこの部分のみ (すべてのポリラインではありません)

0 投票する
1 に答える
650 参照

android - Android GoogleMap は、既知の方法で線を引きます

私はGoogle Map Api V2を使用しており、2点間にマーカーを付けたり線を引いたりすることができます.しかし、バスのルートを介して線を引こうとしています.バスのルート、ウェイ、停止場所などはすでにわかっています. .まず、ルートのすべての LatLong 値を見つけようとしましたが、ポリラインとして描画しましたが、時間を無駄にしていると思います.バスのルートのすべての LatLong ポイントを見つけずに線を描画したい.仕方 ?

助けてくれてありがとう..

0 投票する
1 に答える
5633 参照

javascript - 複数の Google マップのポリラインと情報ウィンドウ

ポリラインに複数の情報ウィンドウを追加しようとすると、情報ウィンドウが表示されません。

すでに同じ質問でこのスレッドを試しました: Google マップ V3 を使用した複数のポリラインと情報ウィンドウ

ご覧のとおり、指定された回答で提案された関数を使用しようとしましたが、それでも機能しません。

これが私のコードです:

ここにjsfiddleリンクがあります: http://jsfiddle.net/cnwMG/7/

ポリライン上に情報ウィンドウを表示するための助けをいただければ幸いです。

0 投票する
1 に答える
652 参照

arrays - Google マップの配列内の名前付きエントリ間に線を引きます

私はJavaScript初心者なので、誰か助けてください!

いくつかの都市を含む配列を作成しました。

名前で 2 つ以上の都市を選択し、それらの間に線を引くことができるようにしたいと考えています。

私はこのコードを見つけました:

配列から 1 つまたは 2 つの都市を選択し、都市の名前を参照として使用できるように変更するにはどうすればよいですか?

0 投票する
1 に答える
1955 参照

google-maps - Google Maps API v3 は、ポリゴンを描画するときに元に戻すボタンの横に別のボタンを追加します

Google Maps API v3 を使用しています。ポリゴンを編集すると、更新された頂点の横に「元に戻す」ボタンが表示されます。

誰かが jsfiddle を投稿して、この元に戻すボタンの横に別のボタンを追加する方法を示しているのを何度か見たことがあると確信していますが、このリンクを1時間探している間は見つかりません。geocodezipの Web サイトにはありませんでしたが、トピックが見つかりません。

誰かがこの実装を見つけることができる場所を教えてもらえますか? どうもありがとうございました。

0 投票する
3 に答える
20449 参照

javascript - Google マップ: ポリラインのライブ描画と更新

私は JS の初心者です。申し訳ありませんが、自分のコードが添付されていません。Google マップ ドキュメントの「helloworld」の例です。

では、何が問題なのですか: ユーザーの現在の位置に応じてポリラインを描画したいのです。したがって、それぞれのgoogle.maps.LatLng()には現時点で座標が必要です。マップ上では、5 秒に 1 回など、更新中ずっと出現するはずです。最後のポイントは、朝の散歩を地図上で視覚化したようなものです。

マップを「描画」してvar flightPlanCoordinates[]にポイントを追加する方法を知っているので、いくつかの例またはリンクを求めます。

  • var flightPlanCoordinates[]に現在の位置を追加する方法
  • これらすべてを「ライブ」モードで更新する方法

助けてくれてありがとう:)

更新:

このようなことをしようとしていますが、うまくいきません

UPD2: ここにクールな例があります。http://kasheftin.github.io/gmaps/

0 投票する
0 に答える
159 参照

javascript - insertAt() が InvalidValueError を発生させる

クリックすると、クリックしたポイントが追加されるGoogleマップのポリラインがあります。追加するインデックスを見つけたら、次のようにポイントを挿入します。

path.insertAt(minIndex+1,event.latLng);

これはエラーを引き起こしています:

「キャッチされていない InvalidValueError: プロパティ パス内: 2 LatLng 未満」

これがどこから来ているのか、またはどのように回避できるのか考えていますか? pathから来て、path=polyObj.getPath()私が試してきた例では13ポイントを持っています。はevent、マウス クリック イベントから渡されます。この行をコメントアウトするとエラーが取り除かれるため、残りのコードは正常に機能します。