無料地図 openlayersでopenstreetmap(OSM)表示方法

Google Maps APIの有料化はGoogleにとって凶と出るだろう
という記事を見て、代わりとなる無料地図API「openlayers」でと無料地図「openstreetmap」を試してみた。

openlayersのダウンロード先 本家サイト
OpenLayers: Free Maps for the Web

ファイルを解凍すると多くの地図表示サンプルがあり、「openstreetmap」を表示するサンプルもある。

「openstreetmap」表示サンプル
OpenLayers-XXX\examples\osm.html

緯度経度を修正して東京ディズニーランドを表示
サンプル

var map, layer;
function init(){
  map = new OpenLayers.Map( ‘map’);
  layer = new OpenLayers.Layer.OSM( “Simple OSM Map”);
  map.addLayer(layer);
  map.setCenter(
    new OpenLayers.LonLat(139.885483, 35.630512).transform(
      new OpenLayers.Projection(“EPSG:4326″),
      map.getProjectionObject()
    ),12
  );  
}

  1. コメントはまだありません。

  1. トラックバックはまだありません。

*

 
WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera