気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
OSMの地図を自分のWebサイトに掲載する（OpenLayers）
7 users
openstreetmap.piyolab.net
openstreetmap.piyolab.net
openstreetmap.piyolab.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
地図を表示したい場所に以下のコードを追加します。 <body onload="init();"> <div id="canvas" style="... 地図を表示したい場所に以下のコードを追加します。 <body onload="init();"> <div id="canvas" style="width:500px; height:400px"></div> </body> １行目でhtmlの読み込み時にinit()を呼び出し、初期化します。 ２行目のdiv要素に地図が表示されます。id名とサイズを指定します。 headタグに以下のコードを追加します。 <script src="http://www.openlayers.org/api/OpenLayers.js"></script> <script> function init() { var map = new OpenLayers.Map("canvas"); var mapnik = new OpenLayers.Layer.OSM(); map.addLayer(mapn
openstreetmap.piyolab.net
openstreetmap.piyolab.net
openstreetmap.piyolab.net
news.tv-asahi.co.jp
younganimal.com
news.denfaminicogamer.jp
about.mercari.com
togetter.com
fujipon.hatenadiary.com
www.nikkei-science.com
www.jircas.go.jp
togetter.com
suumo.jp
tech.bm-sms.co.jp
onaji.me
sakumaga.sakura.ad.jp
2015/10/28 リンク