More Related Content
Similar to Open dataday preevent_20140208
Similar to Open dataday preevent_20140208 (19)
More from Satoshi Iida (17)
Open dataday preevent_20140208
- 20. 背景図の指定例
LeafletをJavaScriptとしてhtmlに加える
CSS読み込み
<html>
<head>
<meta charset=utf-8 />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
<style>
#map { height: 100%; }
</style>
</head>
Script読み込み
<body>
<div id="map"></div>
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<script>
var map = L.map("map").setView([35.6880,139.8477], 10);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://
creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
maxZoom: 18
}).addTo(map);
タイルサーバURL指定して、
</script>
</body>
オプションいくつか追加
- 26. PostGIS / Spatialite
ガチ利用時、データはPostGIS/Spatialiteに入れて使います
PostGIS (http://www.postgis.org/)
日本語マニュアル (http://www.finds.jp/docs/pgisman/2.0.0/postgis.html)
Spatialite (http://www.gaia-gis.it/gaia-sins/)
OSMデータ投入用ツール解説
osm2pgsql (http://learnosm.org/jp/osm-data/osm2pgsql/)
imposm (http://imposm.org/)
Spatialite OSM Tool (https://www.gaia-gis.it/fossil/spatialite-tools/index)