web-dev-qa-db-ja.com

HTML5 CanvasまたはSVGの世界地図

HTML5 CanvasまたはJSライブラリの世界地図のオープンソース実装を探しています。風景とズームを使用した単純なベクトル世界地図が必要です。 iOS/Android/BB OSで動作するのであれば良いでしょう。

http://cartagen.org/ 私には冗長すぎる。

html5canvasvectormapsvg
33
Alexander Gryanko

SVGはおそらく実装しやすいでしょう。ラファエルJSを見る

ここに 関連する例 Jがラファエルができることと、コードがどれだけ少ないかを示します

SVGの世界地図の定義は、Wikipediaを含む多数の場所で見つけることができますが、検索するのはそれほど難しくないはずです。

24
Simon Sarris

jVectorMap（ http://jvectormap.com/ ）は、組み込みのズーム機能と、拡張可能なイベントAPIとカスタマイズオプションを備えたNice world mapの例を備えたjQueryプラグインです。 Firefox 3または4、Safari、Chrome、Opera、IE9などの最新のすべてのブラウザーでSVGを使用し、VMLで古いバージョンのIE 6から8までをサポートします。本当に使いやすいです。 。

17
Ryan Rose

サイモンは、Raphael.jsが良い賭けであることは正しいです。世界の例をチェックしてください： http://dmitrybaranovskiy.github.io/raphael/

Raphaelで構築されたものを探しているが、ズーム/ロケーションがある場合、商用オプションは次のとおりです。 http://simplemaps.com/world

8
Chris

チェックアウト https://github.com/thomaspeklak/raphaeljs-worldmap

7
Jonathan Gross

私は解決策を見つけました。 Googleマップは、水と風景の色のカスタマイズをサポートしています。

http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

ウィザード：

https://google-developers.appspot.com/maps/documentation/embed/wizard/

1
Alexander Gryanko