leafletjs-kit/geocoder-control-demo.html at master · topperge/leafletjs-kit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
  <head>
    <title>Leaflet Control Geocoder Demo</title>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
    <!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /><![endif]-->
    <link rel="stylesheet" href="css/Control.Geocoder.css" />
    <script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet-src.js"></script>
    <script src="js/Control.Geocoder.js"></script>
<style> body{margin:0} #map{position: absolute; width: 100%; height: 100%} </style>
  </head>
  <body>
    <h1>Leaflet Control Geocoder Demo</h1>
    <div id="map"></div>
<script>
  var map = L.map('map').setView([0, 0], 2);
  L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map);
  L.Control.geocoder().addTo(map);
</script>
  </body>
</html>