javascript - 地図を表示して特定の国を強調表示する

Question

これが私が苦労していることです：ページに地図を表示し（Googleマップまたはその競合他社のいずれか、無料で可能です...）、この地図上の特定の国を強調表示します（これらの国のリストは変数に保存されます例）。

(ほぼ) すべての国の geo-json リストを使用してマップ上にポリゴンを描画しようとしましたが、重すぎます。

何か案は ？

Answer 1

そのためにはポリゴンが必要になると思います。

http://code.google.com/apis/maps/documentation/overlays.html#Polygons_Overview
http://code.google.com/apis/maps/documentation/reference.html#GPolygon

このサンプルのように: http://gmaps-samples-v3.googlecode.com/svn/trunk/poly/pentagon.html

または、このサイトをチェックしてください:)
http://www.dyngeometry.com/web/WorldRegion.aspx

最後に、Google Geochart もあります
。ここで確認してください: https://developers.google.com/chart/interactive/docs/gallery/geochart

Answer 2

KML ファイル形式で保存し、KmlLayersとして読み込むと、パフォーマンスを低下させることなくマップで非常に複雑なポリゴンを作成できます。KML は、地理データ用の XML ベースのベクター ファイル形式です。Google マップで KML ファイルを使用する利点は、元のポリゴン データがどれほど複雑であっても、Google サーバー上でシンプルな PNG ファイルにレンダリングされ、マップ ビューの現在の解像度と境界ボックスにいつでも一致することです。したがって、すべての複雑さは Google でサーバー側で処理されます。

これはプロジェクトのサンプルです。ここでは、ドイツの連邦州の 1 つに KML マスクを使用しました。

簡単に確認するには、KML ファイルを Google マップの公開 Web サイトに (検索フィールドに URL を入力して) 直接読み込むこともできます。これは、上記のプロジェクトで使用した KML ファイルで、Google マップに直接読み込まれます。(ここでは実際に KMZ ファイルを使用しましたが、これは単純に KML ファイルを ZIP アーカイブに圧縮したものです。通常の ZIP ツールを使用して圧縮および解凍できます。) [更新: これは、マップの新しいバージョン (開始された2014年に）。]

Google は KML/KMZ ファイルのサイズ制限を示唆していることに注意してください (現在、非圧縮で 10 Mb、圧縮で 3 Mb -詳細はこちらを参照してください)。KML ファイルが大きすぎる場合は、複雑さを軽減するソフトウェアを利用できます (こことここの例を参照してください)。

KML ファイルは、ポリゴンが静的 (国や都市の境界線など) であり、その場で生成されない (たとえば、ユーザー入力に応じて) 場合のソリューションにすぎないことに注意してください。動的ポリゴンの場合は、Maps API の Polygon クラスを使用する必要がありますが、前述の複雑さの制限があります。(ただし、ポリゴンの詳細を変更する必要がない限り、KML レイヤーを自由に使用して、ユーザー入力に応じてオンとオフを切り替えることができます。)

Answer 3

異なる色の国の境界だけが必要な場合は、jVectorMapを試すことができます。