テストリンクをズームするときSVGグラフィックスクリップは/消えますSVGで。私は線と矢頭を含む特定の幅と高さのdiv要素をマップに追加します。次に、そのdivにインラインSVGコードを入れて、ブラウザに線と矢印を描画させます。GoogleマップAPI v3では：
SafariまたはChromeで表示すると、非常に厄介な予期しない動作が発生します。 Safariでは、SVGグラフィック全体が特定のズームレベルを超えて消えてしまい、Chromeではラインの最後の矢印が消えてランダムズームレベルで再表示されます。 FirefoxとOperaでは、この現象は起こっておらず、どのズームレベルでも矢印が表示されます。
赤いボックスや矢印の移動を気にしないでください。それは進行中の作業です。
ここでは何が起こっていますか？ SVGはGoogleマップと完全に互換性がないのですか、何か間違っていますか？
私は試みましたが、SVGにマップを埋め込むことができませんでした。私もブラウザ間で非常に異なった振る舞いをしています。密接に見ると、マップ自体は非常に複雑なSVGです。ブラウザがSVGを処理する方法には大きな違いがあります。私は、ブラウザーが一緒に行動を取るのを待って、バックバーナーにその少しの開発を入れました。 これは答えではなく、単に経験を共有していることを知っています。
唯一の違いは、地図をSVGに埋め込むのではなく、むしろ逆に地図を埋め込むことです。私はマップの上にSVGグラフィックを描きたい。 – Coen
私は進歩しています。現在のテストリンクを見ると、クロムで矢印は現在のどのズームレベルでも一貫性が必要なところにとどまることがわかります。 SafariはSVGグラフィック全体を特定のズームレベルを超えて失ってしまいます。通常のGoogle InfoWindowインスタンスであっても、テストウェブサイトで最後のマーカを表示しているように、この問題が発生します（それを見るために少しズームします）。
私は今実際にはGoogleマップにバグがあると思っています。特定のズームレベル（中間レベルの後のどこか）の後にInfoWindow自体（影ではない）が消えることを他の人が確認できますか？そのような：
私はGoogle Mapsを頻繁に使用しています。InfoWindowsが消えたことは決してありません。 – Hubro
情報ウィンドウの影付きマーカー？ 明らかに、マーカーシャドウはinfoWindowと同じ値に設定されています。おそらく重複する変数？マーカ・シャドウの名前を「パス」に変更します。誤って、マーカーパス名に同じ識別子をinfoWindowシャドウパスとして使用している可能性があります。
私はスターに同意します。 polyLineアイコンの複雑なSVGパスの作成を開始しました。特定の位置とズームレベル（つまり、2つのマップタイルに跨っている）に配置すると、その半分は消えます。それは測地線の訂正に起因する。
Firefoxでは、SVGの外側の線がランダムに画面全体に大きなスケールで浮遊します。クロージャの問題とは何か。しかし、修正可能。
なぜ、polyLineとそのアイコンが地図レイヤーの上に座ることができず、その特異性を避けるのか分かりません。
基本的に私は多くの時間を無駄にしており、SVGをpolyLineに配置した結果に非常に失望しています。私はバスのスケジューリングとマッピングスクリプトをトランジット企業に売りたいと思っていました。しかし、グラフィカルには、私は快適に感じる標準に達していません。つまり、バスは半分消えて次のタイルに再び現れます。
地図上のレイヤーに座っているように見えるので、マーカーアイコンにマーカを使用するため、測地線の添付ファイルはありません。
ところで、 ポリラインとポリゴンを使用してアークを作成します。
あなたは 'google.maps.Polyline'と' google.maps.Polygon'を見たことがありますか？ SVGよりもそのパスをエンコードしている場合は、 'google.maps.geometry.encoding.decodePath'を参照してください。 –
@PauloScardine私はマーカーから矢印付きの素敵な曲線を得るために多くのことを試みましたマーカーに。今のところ私はこのようなSVGグラフィックスで最も成功しています。ポリラインとポリゴンの組み込み関数の問題は、曲線オプションを組み込んでいないことです。これには多くの拡張機能がありますが、画面上ではなく地図上に描画されます。結果：遠距離では、測線補正による線のずれがあります。だから、私はピクセルで完全に '画面上に'描画する必要があります。これを行うために私はSVGを使うことにしました。 – Coen