test_page

MapBox

<script src="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script> <style> #map { height: 250px; } </style>

<script> var map = L.map('map').setView([37.525, 126.93], 13); L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox', maxZoom: 18, id: 'sky1core.42508f24', accessToken: 'pk.eyJ1Ijoic2t5MWNvcmUiLCJhIjoiMmM4ZmJjOGQyNzNhMWZkMzM4ZjA0Yjg5MTkxNDU2MDgifQ.pgVDjn2i0EJVjxSWPmtppA' }).addTo(map);

var marker = L.marker([37.525, 126.93]).addTo(map); var circle = L.circle([37.523, 126.925], 300, { color: 'red', fillColor: '#f03', fillOpacity: 0.5 }).addTo(map);

var polygon = L.polygon([ [37.52, 126.930], [37.5235, 126.934], [37.518, 126.9315] ]).addTo(map);

marker.bindPopup("Hello world!
I am a popup.").openPopup(); circle.bindPopup("I am a circle."); polygon.bindPopup("I am a polygon."); var popup = L.popup() .setLatLng([37.527, 126.91]) .setContent("I am a standalone popup.") .openOn(map); </script>