forked from unicef-polymer/etools-leaflet-map
-
Notifications
You must be signed in to change notification settings - Fork 0
/
leaflet-map.html
47 lines (35 loc) · 1.52 KB
/
leaflet-map.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!--
element which defines a Leaflet map (<a href="http://leafletjs.com/reference.html#map">Leaflet Reference</a>).
##### Example
<leaflet-map> </leaflet-map>
This simple example will show a map of the world. It is pan and zoomable.
##### Example
<leaflet-map latitude="78.8" longitude="-96" zoom="5">
<leaflet-marker latitude="51.5" longitude="-0.10" title="Some title">
<b>Popup text</b>
</leaflet-marker>
</leaflet-map>
This code will zoom in on the specified latitude and longitude coordinates. Further, it will
add a marker with a popup text.
##### Example: Add markers & circles
<leaflet-map longitude="77.2" latitude="28.4" zoom="12">
<leaflet-marker longitude="77.2" latitude="28.4">
Marker
</leaflet-marker>
<leaflet-circle longitude="77.2" latitude="28.4" radius="300">
Circle
</leaflet-circle>
</leaflet-map>
@element leaflet-map
@blurb element which defines a leaflet map. Most options are supported as attributes.
@homepage https://leaflet-extras.github.io/leaflet-map/
@demo https://leaflet-extras.github.io/leaflet-map/demo.html
-->
<link rel="import" href="leaflet-core.html">
<link rel="import" href="leaflet-draw.html">
<link rel="import" href="leaflet-control.html">
<link rel="import" href="leaflet-layer.html">
<link rel="import" href="leaflet-layer-group.html">
<link rel="import" href="leaflet-geojson.html">
<link rel="import" href="leaflet-marker.html">
<link rel="import" href="leaflet-geolocation.html">