問題タブ [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 投票する
1 に答える
3348 参照

mysql - 複数のmysqlポイントからGoogleマップのポリラインを作成

一連の緯度/経度ポイントがxmlファイルに書き込まれ、ポイントとしてGoogleマップにインポートされたmysqlテーブルがあります。これはうまく機能しているようですが、単にポイントでマークするのではなく、それぞれの間にポリラインを生成したいと思います。開発者向けドキュメントを見ると、この例では、ライン/ポイントのセットごとに新しい latlng オブジェクトを作成することを繰り返すことに気付きました。一連のポイントを動的に呼び出して、データベースから複数のラインを生成する方法はありますか? これが明らかな修正のように思われる場合は申し訳ありません-私はマップAPIに少し慣れていません。前もって感謝します!

私が使用している出力 XML ファイルは次のようになります。

HTML/スクリプト XML 座標をマップに呼び出す:

developers.google doc で問題となっているコード スニペット:

現在、コンソールにエラーは表示されていません。これは、元の投稿から前の 2 つのコード スニペットを実装しようとした方法ですが、マップに線や点を表示することができません。それは私がポイント変数を定義している方法かもしれません/それは配列を格納しているのではなく、単一のポイントですか?? 「ポイント」の定義にも [] を使用しようとしましたが、これは機能しませんでした/エラーも表示されませんでした...

0 投票する
2 に答える
1509 参照

javascript - Googleの方向で無限のポリラインを作成し、ドラッグ可能なマーカーを線に合わせる方法は?

Google API の方向に 8 つのウェイポイントしか追加できないことを発見しました。この制限を回避する方法を知っていますか? 方向APIを表示しようとしましたが、このアイデアをあきらめました。現在、私のソリューションは独自のポリラインに基づいています。クリックするたびに、その線にくっつくマーカーが追加されます。次に、ドラッグすると一緒に移動する必要があります。ここで発生したのは、マーカー付きのポリラインが 8 つ以上ある場合、互換性がなくなったことです。多分私のアプローチは完全に悪いですか?これを修正する方法は?

現在のコード: jsfiddle

マーカーはポリライン上にありません:

ここに画像の説明を入力

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

javascript - クリックして複数のポリラインを描画するにはどうすればよいですか?

私は解決策を探していましたが、すべてはjsonファイルなどからポリラインを描画する方法です。主な質問は、[新しいポリライン]ボタンをクリックするたびに新しいポリラインを作成して古いものを配列に格納する機能を取得する方法です。次に、[新しいポリライン]ボタンをクリックした後、ポリラインを残してマップ上に新しいものを描画し、右ボタンをクリックしたときにのみクリーンアップして復元する方法を教えてください。クラスの外にポリラインを保存するか、これのために新しい個別のクラスを作成するのがより良い方法でしょうか?これに別の方法でアプローチする必要がありますか?

悪いデモですが、私が望むことを強調してください:jsfiddle

配列はグローバルスコープに移動されましたが、最後のポリラインのsetMapは、clearOverlays関数を介してのみ機能します。現在、他のボタンで問題が発生しています。追加のグローバルオブジェクトnewPolyを作成しましたが、myPolylineからオブジェクトを取得する方がよいかどうかわかりません。反対側では、復元の場合は、配列ポリラインに格納されているマップに設定できません。

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

google-maps-api-3 - Google マップのポリラインとそれらの間にスペースがある

Google マップ API-V3; ポリラインで示されたパスに沿ってステップを表示する唯一の方法は、ポリラインの接合部に醜いマーカーを設定することです。その代わり; ポリラインの端を短くする方法はありますか?

0 投票する
2 に答える
5131 参照

draggable - GoogleMapsV3マーカーのドラッグをポリラインに限定

Googleマップを作成し、その上にポリラインを描画しました。次に、ポリインの開始にマーカーを追加しました(ポリラインの開始座標と同じ座標)。

私ができるようにしたいのは、マーカーをつかんでドラッグすることですが、ポリラインに沿ってのみドラッグでき、離れたり横にドラッグしたりできないように、マーカーをポリラインに「固定」します。

ドラッグ可能なマーカーをGMV3のパスに限定することは可能ですか?そうでない場合、これがどのように行われるかを誰かが考えることができますか?ユーザーがマーカーをドロップしたときに、マーカーをパス上の最も近いポイントにスナップする可能性がありますが、よりスムーズな「パスに沿ったドラッグ」効果が必要です。

ArcGisの提案もあります。これは理論上の問題であるため、コードを提供していません。

さらに説明する必要がある場合はお知らせください。

前もって感謝します

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

iphone - Drawing route partially not getting required output in iPhone MapView

I am trying to draw route between two points using polyline . I got somewhat route but not correct and I think it will get confused at the turn . I am using google api for getting points of route .Following is code what i tried please check .

}

}

}

//to decode polyline and retrives coordintes i have used following method

// to draw actual route

}

enter image description here

enter image description here

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

google-maps-api-3 - 既存のマーカーを新しいポリラインオーバーレイに追加します

Googleマップビュー上の既存のマーカーの場所のセットを前提として、ポイントをポリラインオーバーレイに追加するにはどうすればよいですか?

私は、ユーザーがAJAX呼び出しを介して取得した一連のGPS座標に基づいて停車地を選択できるWebツアーアプリケーションを構築しています。すべてのポイントがマップに表示されているため、この部分は正常に機能します。

私の問題は、マーカーの位置のみをポリラインに追加したいということです。現在、選択されたポイントはtourList配列に追加され、JSON配列に変換され、jqueryajaxpost呼び出しを介して投稿されます。つまり、クリックイベントハンドラーが一部で機能していることはわかっています。

この質問は、Maps API v2を対象としており、V3を使用していることを除いて、私のニーズにほぼ一致します。

私がこれまでに得たもの:

現在、Firebugでスクリプトの警告は表示されませんが、updatePolyline関数が呼び出されることはありません。

ポリラインを更新するには、マーカーリスナー内にリスナーを追加する必要がありますか?

0 投票する
2 に答える
4633 参照

javascript - ポリライン座標配列から標高プロファイルを作成

https://google-developers.appspot.com/maps/documentation/javascript/examples/polyline-simpleから適応したコードで座標配列を使用してポリラインを作成しました

線を作成するための最初の (そしておそらく最悪の) 方法は、緯度/経度ポイントの膨大なリストでした。まだプログラミングのトリックを学んでいるので、申し訳ありません。私は地理学者であり、プログラマーではありません!

その線から標高を取得し、標高プロファイル グラフを作成したいと考えています。私はJSが初めてで、機能していないものをデバッグする方法がわかりません。パス配列にポリラインの座標を入力できないようです。

現在、bikeCourseCoordinates をパスとして使用される新しい配列にプッシュするように設定されています。bikeCourseCoordinates 配列を「パス」として使用してみましたが、それも機能しませんでした。

ここのオンライン(ただし、動作していないバージョン): http://geography.uoregon.edu:50000/bentesting/map_try3.html


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

jquery - Google マップ API v3 でポリラインが表示されない

私はグーグルマップv3を使用しています。json ファイルからの情報を使用して、いくつかのマーカーを作成しました。ルートラインを地図に表示しようとしていますが、うまくいきません。その理由がわかりません。

ここに私のjQueryコードがあります:

そしてここに私のjsonファイル:

前もって感謝します。

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

google-maps-api-3 - Google Maps API V3 のカスタム ポリライン

助けが必要です。ポリラインの色を変更しようとしましたが、機能しません。ドローラインの解決策が正しいかどうかわかりません。助けてください =) 通常のコードの 2 つのコードと、試しに 1 つのコードを投稿します. ありがとう =)

これは、ローテーションを行う部分です

最後に、色を入れてみました

エラーは何ですか?