電子国土ver4

地図上に固定画像

OpenLayersでは地図上に固定位置で何かを表示することはできない(っぽい)。 なのでCSSで重ねる position: absolute; top : 100px; left : 100px; z-index : 10000; 中央に十字線を配置したいのだけど、 その部分にカーソルが乗っても無視する方法ってない…

座標変換

getCenter()では定義してあるprojection: projection900913,で値が返ってくるので4326に変換する //地図のセンターを表示 $('#getcenter').bind('click',function(){ var _lonlat = map.getCenter(); _lonlat = _lonlat.transform(projection900913,projecti…

OpenLayersのバージョン

GoogleMap API V3を利用し電子国土と切り替えるなら <script type="text/javascript" src="http://portal.cyberjapan.jp/sys/OpenLayers-2.11/OpenLayers.js" charset="UTF-8"></script> ↓ <script type="text/javascript" src="http://openlayers.org/api/OpenLayers.js" charset="UTF-8"></script> じゃないとGoogleMapを表示させたときにGoogleロゴに著作権情報…

レイヤの表示非表示

var test = new OpenLayers.Layer.Vector(name, options); test.display(false); みたいな ただし、LayerSwicherと連動はしない。LayerSwicherに表示させないオプションなかったっけー追記 地図をPanさせたりするとまた表示されたw まいったなー追記の追記 …

任意の場所へ地図を移動させる

map.setCenter(位置,ズーム) //座標系 var projection4326 = new OpenLayers.Projection("EPSG:4326"); var projection900913 = new OpenLayers.Projection("EPSG:900913");lng = 任意の経度 lat = 任意の緯度 map.getZoomは現在のズームレベル(電子国土デフ…

吹き出し(popup)

KMLの例が参考になった view-source:http://openlayers.org/dev/examples/sundials.html属性は feature.attributes.属性名 で取得可能。 正直パラメータが理解できないトコが多いのだけれど動くからいいか^^;

デバッグ

FireFoxにFireBug入れて 下からfirebug.jsを入手して http://openlayers.org/dev/examples/debug.html OpenLayers.jsを読む前にfirebug.jsを読み込む あとはFireBugのコンソール見とけばばっちりだ

ポイントのスタイル

pointRadiusとexternalGraphicはセットで考えないとダメみたい externalGraphicだけでは表示すらされなかった ${RP_TYPE}はGeoJSONでアイコンのアドレスを指定してる("RP_TYPE":"img_common\/icon\/DOT22.bmp") さてGeoJSONのpropertiesで設定してる属性をポ…

geoJSONのチェック用

http://openlayers.org/dev/examples/vector-formats.html

マウスオーバーとselectのサンプル

Styleで色指定しなくてもいいならこれってことなのかな http://openlayers.org/dev/examples/highlight-feature.html

Marker設置のサンプル

レイヤー作ってそこにaddMarkerすればいいのは分かった。 じゃぁ、消すときは? http://openlayers.org/dev/examples/markers.htmlremoveLayerあるじゃん http://dev.openlayers.org/releases/OpenLayers-2.5/doc/apidocs/files/OpenLayers/Map-js.html#Open…

カーソルの位置をしるサンプル

点の追加の時使う予定 http://openlayers.org/dev/examples/mouse-position.html

900913について

英語読めないけどなんとなく分かるような・・・ http://docs.openlayers.org/library/spherical_mercator.html

将来GoogleMapでも見たいと言われると思うので

参考 http://y2web.net/blog/inet/web/google_maps_on_openlayers-2576/

座標問題解決

よかった、ちゃんとprojection指定できた^^; 120kbの河川データ読み込ませてるけど表示も早いし操作ももたつかない。いい感じだ。 //河川データ用スタイル設定 var rivstyles = new OpenLayers.StyleMap({ "default": { //通常状態 strokeWidth: 4, strok…

OpenLayers.Layer.Vector

河川のデータを読み込もうと努力中 データの変換はQGISを使用 座標系をEPSG:900913(Googleの座標系)にしないと上手くプロットできない。 WGS84でロードして欲しいんだけど、異なる座標系はダメなの?>< //河川データ用スタイル設定 var rivstyles = new…

外部ファイルの読み込みやスタイルとか参考になりそうなサンプル

http://openlayers.org/dev/examples/all-overlays.html

OpenLayersリファレンス

2.6みたいだけど2.11ともそぎゃんかわらんど^^; http://mapabc.wikidot.com/openlayers:ref-topic

サンプル集

http://portal.cyberjapan.jp/portalsite/version/v4/samples.html

上乗せ情報について

オブジェクトの表示はgeoJSONを使うといいかもしんないgeoJSONの仕様 http://s.kitazaki.name/docs/geojson-spec-ja.html ポイント表示のサンプル http://dev.openlayers.org/releases/OpenLayers-2.12/examples/marker-shadow.html ラインとかポリゴンの表…