Skip to content

Instantly share code, notes, and snippets.

Created Sep 11, 2017
What would you like to do?
leaflet.js のお試し
<!DOCTYPE html>
<html lang='ja'>
<meta charset='utf-8' />
<title>leaflet example 01 OpenSterrtMap</title>
<link rel="stylesheet" href="" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin=""/>
<!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin=""></script>
body {
padding: 0;
margin: 0;
html, body, #map {
height: 100%;
width: 100%;
<div id='map'></div>
var map ='map').setView([35.360556, 138.727778], 15);
attribution: "<a href='' target='_blank'>国土地理院</a>",
maxZoom: 18,
var marker = L.marker([35.360556, 138.727778]).bindPopup('<h1>剱岳はここだ</h1>').addTo(map)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment