3

Google API が提供するSymbol Animationについて知りました。

私のコードではすべてが正常に機能していますが、以下のコードでシンボルの代わりに画像を渡すことができるかどうかを知りたいだけです。

var lineSymbol = {
    path: google.maps.SymbolPath.CIRCLE,
    scale: 8,
    strokeColor: '#393'
 };

はいの場合、どうすればそれを行うことができますか? Image パスと Image オブジェクトを渡そうとしました。何もうまくいきません..私を助けてください.

4

3 に答える 3

5

これはかなり古い投稿ですが、この問題を解決しようとしているときに遭遇しました。収集した情報が役立つことを願っています. @jlivni は、Symbol を画像に置き換えることができないという点で正しいです。これを行う方法は、ポリラインとマーカーを使用することです。マーカー画像をカスタム画像に置き換えて、移動させることができます。

この方法の良い点は、新しいマーカー ポイントを使用して、マーカーの前後でポリラインの外観を変更したり、マーカーから終了位置までの eta 情報を確認したりできることです。

これらは調べるのに便利ですが、それらの多くは GMaps API v2 を使用しています:
http://econym.org.uk/gmap/
--特に:
---- http://econym.org.uk/gmap/example_cartrip.htm (単純で、目的地に行くだけです)
---- http://econym.org.uk/gmap/example_cartrip2.htm (背後にポリライン トレイルが表示されます)
---- http://econym.org.uk/ gmap/example_cartrip3.htm (常に道路に面するように回転します。これが私の望みでした)

http://www.geocodezip.com/
----特に:
---- http://www.geocodezip.com/v3_animate_marker_directions.html (これは API v3 です)
---- http://www.geocodezip .com/v3_animate_marker_xml.html (また、API v3 はポリラインではなく xml を介してアニメーション化します)

便利なスクリプト: http://www.geocodezip.com/scripts/v3_epoly.jsから取得した v3_epoly.js 。このファイルの構文は完全に壊れているように見えますが、使用した部分は機能します。必要に応じて、手動で修正する必要があります。また、Google グループ フォーラムの投稿から Elabel3.js を使用しました (これはhttps://github.com/erunyon/ELabelだと思います)。マーカーのアニメーションに使用されます。そのままではうまくいきませんでした。プログラムの onAdd()、draw()、および redraw() を変更する必要がありました。詳細はこちら: https://developers.google.com/maps/documentation/javascript/reference#OverlayView

于 2014-05-27T16:20:29.737 に答える
1

いいえ - シンボルは任意の画像ではなく、SVG パスに制限されます。https://developers.google.com/maps/documentation/javascript/3.exp/reference#Symbolを参照してください

于 2013-05-10T05:04:06.720 に答える
0

画像の URL をgoogle.maps.Iconオブジェクトに渡すことができますが、google.maps.Symbolオブジェクトはgoogle.maps.SymbolPathまたは SVG パスを使用します。SVG パス構文を調べます。これは、CS や InkScape などの多くのツールが作成できる標準です。

SVG 座標が提供されている公式のカスタム SymbolPath の例を参照してください。

于 2014-01-06T14:49:11.587 に答える