tanaka's Programming Memo

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

2013-08-01から1ヶ月間の記事一覧

CSS3 スタンダード・デザインガイド

CSS3 スタンダード・デザインガイド作者: エ・ビスコム・テック・ラボ出版社/メーカー: 毎日コミュニケーションズ発売日: 2011/06/14メディア: 単行本(ソフトカバー)購入: 11人 クリック: 178回この商品を含むブログ (10件) を見る例示がしっかりとしてい…

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。様…