2009-08-13 3 views
11

私は大規模な世界地図を探しています。 Google ChartsにはこのためのAPIがありますが、小さい地図(440x220ピクセル)を生成することしかできません。オープンソースライブラリを使ってそのようなマップを生成する方法を知っている人はいますか?Google ChartsのようなSVGマップライブラリはありますか?

+0

IEに対応する必要がありますか? IEにはSVGサポートがないので、私は尋ねます。 –

+0

IEがSVG(フラッシュベースのシムを使用)、http://code.google.com/p/svgweb/を表示できるようにするsvgwebがあります。 svgwebを使用した動的SVGマップの例は、こちらをご覧ください:http://vis.uell.net/gsvg/electionAtlasGermany.html –

答えて

1

Google Visualization APIのGeomapは、必要なサイズにすることができます。ただし、SVGではなくFlashを使用します。

0

ウィキペディアにはたくさんのSVG Mapsがありますが、ライブラリではありません。

2

ウィキペディアSVG Mapsでは、単純にCSSを使用して国を「遮る」ことができます。

このようなマップ(SVG、CSS、HTML、JS)を使用した例は、hereです。それはフルマップ、またはマップのローカルコピーに適用できるスタイルシートだけをエクスポートします。最高の視聴体験を得るにはOperaを使用することをおすすめしますが、SVGをサポートするすべてのブラウザで動作するはずです。

+0

+1これはかなりクールです。 –

6

私は質問に記載されているのと同様の機能を提供するライブラリで作業します。 jVectorMapと呼ばれています。これはjQueryプラグインで、現代のブラウザではSVG、IE 6-8ではVMLを使用してWebページにワールドマップコンポーネントを配置できます。地図の外観や動作を変更するなど、さまざまな方法でカスタマイズできます。残念ながら、ドキュメントはまだ準備ができていません。ここでは例とコードを確認できますhttp://jvectormap.owl-hollow.net/

2

最近、Polymapsまたはd3のいずれかを使用することをおすすめします。前者は、SVGで動作する本格的な「滑らかな地図」ライブラリです。後者は、SVGで動作し、ジオ機能の量が増えている視覚化ライブラリです。パン、ズーム、その他の「滑りやすい」機能が必要ない場合は、次の例のようにd3を試してください。http://mbostock.github.com/d3/ex/choropleth.html

3

その間Googleはgeomapのアップデート版Geochart Mapsをリリースしました。それはSVGマップを作成し、アスペクト比で、あなたが望む任意のサイズにすることができます。 私はこのAPIを使ってwordpress用のマップを作成するためのプラグインを開発しました。 http://cmoreira.net/interactive-world-maps-demo/

0

チェックamMapでそれをチェックアウト:http://www.ammap.com - 私たちはSVGの世界のほとんどの国の地図やこれらのマップは、インタラクティブ作るためのAPIを持って、ズーム可能な、など

免責事項 - 私はの著者ですamMap。

0

著者として、私はhttp://www.makeclickablemap.comをSVGベースのマッピングに推奨します。 iframeを使用してどこにでも埋め込むことのできるマップを編集するための、使いやすい国と美しい使いやすいインターフェイスが増えています。

関連する問題