[Web] OpenStreetMapのOpenLayersを使って図形を描画してみる: ものづくりログ
Google Map APIの利用制限と有料プランが発表になってから、 いつか別APIを使ったものに移行いしないとなぁと考えていました。 Google Maps APIの有料化・料金・利用制限まとめ: http://matome.naver.jp/odai/2131976887859594401 Yahoo Map APIも同じく利用制限があるので、 Foresquareで使われているという「OpenStreetMap」が良さそうということで使ってみました。 今回も、Webサイトで実現しようということでJavascriptでの実装となります。 日本語ドキュメントが少ないので調べるのに時間がかかってしまいましたが、 意図したことが出来たので備忘メモ。 OpenStreetMap 日本語サイト: ←OpenStreetMapのサービスを利用してみたいとき http://openstreetma
ShapefileをOpenLayersで表示する。[2]
ShapefileをOpenLayersで表示する。[その1] に続いて、Shapefileを直接読み込んで、OpenLayer上で表示してみます。 元ネタは、shapefile-jsで公開されているJavaScriptを使いました。 開発環境は、Windows 7 32bit,Aptana Studio 3.4 Firefox 20.0とGoogle Chromeで確認しました。IE9でも表示できるようです。 shapefile-jsからmasterのZIPをdownloadして、unzipします。 とりあえずDesktopでも大丈夫です。 後は、OpenLayersをここから2.12をdownloadして解凍しておきます。 Folder,Fileの構成は な感じです。 kanagawa folderに表示させたいShapefile一式をcopy、その際にshp,shx､dbfの3つのフ
OSGeo4W_jp/OpenLayers – OSGeo4W
OpenLayers OpenLayers 2.8 の紹介 OpenLayers は即座に作成することや、高度なウェブマッピングアプリケーションを可能にする、開発者にやさしいJavascript ライブラリです。単純かつ明確な API を使えば、ローカルデータソースあるいはリモートデータソースから多種のローカルデータあるいはリモートデータを統合することが可能になります。OpenLayers はMapServer からWMSデータレイヤーを表示するjavascriptライブラリの一つです。 トレーニング用の実用的なリンク： OpenLayers公式ウェブサイト：http://openlayers.org OpenLayersのドキュメント：http://dev.openlayers.org/apidocs OpenLayersの例：http://openlayers.org/dev/e
電子国土の標高タイルデータをOpenlayersで利用する方法 - 自然環境保全のための周辺技術
電子国土で配信されている標高タイルデータをOpenlayersで利用する方法を紹介します。 こんな感じ プログラムを取ってくる。 ここからZIPでダウンロード https://github.com/tmizu23/ol_dem ローカルで確認 ローカル環境で確認できるように作業をします。 js/base.jsを開いて1行目をコメントアウトします。 google chromeを一旦すべて閉じます。 コマンドプロンプトを開いて、chrome.exeに--disable-web-securityを付けて実行します。 XPの場合こんな感じ。"user"の部分を自分のユーザー名に変更してください。 "C:\Documents and Settings\user\Local Settings\Application Data\Google\Chrome\Application\chrome.exe"
JA:OpenLayers - OpenStreetMap Wiki
OpenLayers (openlayers.org) は、「スリッピーマップ」のインターフェイスのオープンソースによる実装です。これは BSD ライセンスで配布されている JavaScript ライブラリです。これはウェブサイトで独自のスリッピーマップを提供するために使えるいくつかのライブラリのうちの一つです。 例 OpenLayersの簡単な例 OpenLayersのマーカーの例 - 単純で静的なマーカを加える方法 OpenLayersのPOIレイヤーの例 - POI マーカを重ね合わせレイヤーとして表示する方法 OpenLayersのトラックを表示する例 - .gpx トラックファイルを重ね合わせレイヤーとして表示する方法 OpenLayersのosmファイルの例 - .osmファイルを重ね合わせレイヤーとして表示する方法 OpenLayersの動的なPOI - やや応用的な例として
OpenLayersで地図を表示する | OSDN Magazine
Google Mapsによって、ウェブサイトに簡単に地図を加えることができるが、GoogleのAPIを使用している場合は、他のデータを表示する能力は限定される。自分自身のデータや、Google以外のデータを表示したい場合に、より多くのオプションを提供してくれるのが、オープンソースのJavaScriptライブラリ OpenLayers である。 OpenLayersは最近、いくつかの著名な活動において利用されている。Djangoの開発者であるAdrian Holovaty氏らが運営する地域的ニュースサイトEveryBlockにも使用され、また、Barack Obama次期大統領の選挙キャンペーンにおいても、その米国大統領選を支援するための地図情報の一環として使用された。 OpenLayersを最初に開発したのは、地理情報を扱う企業MetaCartaだが、現在ではBSDライセンスの下で公開され
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenLayersを使った地図画像の表示サンプル
WebGIS初級編 - OpenLayersで簡単作成