[ 웹 사이트 / 지도 / map / 구글맵 / 다운로드 ] CloudMade Leaflet map

[ 웹 사이트 / 지도 / map / 구글맵 / 다운로드 ] Leaflet map 

 쓸만한 맵이에요. Javascript로 되어있다네요.

CloudMade라는 곳의 차세대 자바스크립트 API 랍니다. ㅎ


한번써보세요.


아 그리고 API키를 요구합니다.

http://cloudmade.com/

위 사이트 가입하시고 API키 발급받으셔야 할겁니다. ㅎ

// create a CloudMade tile layer
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png',
    cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
    cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});

// initialize the map on the "map" div
var map = new L.Map('map');

// set the map view to a given center and zoom and add the CloudMade layer
map.setView(new L.LatLng(51.505, -0.09), 13).addLayer(cloudmade);

// create a marker in the given location and add it to the map
var marker = new L.Marker(new L.LatLng(51.5, -0.09));
map.addLayer(marker);

// attach a given HTML content to the marker and immediately open it
marker.bindPopup("A pretty CSS3 popup.

Easily customizable.").openPopup();

데모사이트 :  http://leaflet.cloudmade.com/

▼▼▼▼ 다운로드 ▼▼▼▼

CloudMade-Leaflet-v0.2.1-113-g8a004bc.zip