読者です 読者をやめる 読者になる 読者になる

tanaka's Programming Memo

プログラミングについてのメモ。

OpenLayersのGeometryを変更した際に画面に描画されない

OpenLayersの点や線などのGeometryを作成時と違う場所に移動させると、作成時の場所が画面に入っていない場合、描画されなくなる。これは、Geometryオブジェクトのboundsの範囲が更新されないことが原因。boundsが画面内に入っているかで描画するかを決める…

個別のOpenLayers.Feature.Vectorにstyleを設定する

1つのレイヤーに複数のFeatureを追加して、Featureごとに別の色や透過度を設定するやり方。 初期化プログラム例 var olMap = new OpenLayers.Map(); // 地図の初期化をあれこれここに書く // レイヤー作成 vecTempLayer = new OpenLayers.Layer.Vector("Test…

画面座標系から経緯度への変換

写真の位置を表す線を引きたい。その際、画面上に表示している写真(スクリーン座標系)から、撮影場所(経緯度)に線を引く必要があるため、両者の変換を行う。線は、JavaScriptで描画することもできるが、今回は地図上の情報なのでOpenLayersで描画する。 Open…

Open Layers ~点の描画とcluster~

写真やコメントなどの位置を表すための点の描画と、clusterを使って近い場所の点をまとめて丸を大きくする方法。 点の描画 Open Street Map上の点を経緯度で指定して、集合に対応できる点を描画する。 ページ初期化時 Open Street Mapを、projectionにEPSG90…

OpenLayers Spherical Mercator

Open Street Map(OSM)やGoogle Mapsを利用するのに必要なProjectionについてまとめる。元はこちら http://docs.openlayers.org/library/spherical_mercator.html Spherical Mercatorとは Spherical Mercator(球面メルカトル図法)とは、Google Maps、Microsof…

Open Layers ~線の引き方(追記2014/2/10)~

OpenLayers公式ページの例Drawing Simple Vector Features Example(http://openlayers.org/dev/examples/vector-features.html)を参考に、プログラムで線を引く手順をまとめる。 Webページ ベースとなるWebページは以下のようなものを利用する。Styleシート…

OpenLayersで地図表示

OpenLayersを利用して、フリーの地図Open Street Mapを表示する方法をまとめる。 環境準備 OpenLayresのダウンロード 地図を表示するJavaScriptのフリープラグインOpenLayersをダウンロードする。 http://trac.osgeo.org/openlayers/wiki/HowToDownloadに接…

OpenLayersのExampleリスト

2013/8/20現在、http://openlayers.org/dev/examples/で公開されているOpenLayersの例の概要を以下にまとめる。全て訳してはおらず、専門用語もあやふやな部分があるので、誤りや不正確な記述があってもご容赦を。ご指摘いただければ幸いです。 (2013/8/22更…

Open Layersとは

公式ページのhttp://openlayers.org/を読んだ内容をざっくりまとめておく。おかしなところがあればご指摘を。 OpenLayersとは 様々なWebページでダイナミックな地図を簡単に実装するためのJavaScript用プラグイン。2013/08/18時点の最新の安定版は2.13.1。様…