-
Notifications
You must be signed in to change notification settings - Fork 77
/
readme_example.html
34 lines (33 loc) · 20.5 KB
/
readme_example.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
<head>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script>
<style>
#map0 {
height:100%;
}
</style>
</head>
<body>
<div id="map0"></div>
<script text="text/javascript">
var map = L.map('map0');
L.tileLayer(
"http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
{maxZoom:19, attribution: '<a href="https://github.com/jwass/mplleaflet">mplleaflet</a> | Map data (c) <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'}).addTo(map);
var gjData = {"type": "FeatureCollection", "features": [{"geometry": {"type": "LineString", "coordinates": [[-71.60285133455481, 42.35857187655945], [-71.5919519407697, 42.36100324220423], [-71.58201712002575, 42.35481183248446], [-71.57548693015387, 42.34239660673062], [-71.5747325277919, 42.32819600248287], [-71.56847999437858, 42.31386351868726], [-71.56642491380953, 42.29949429211621], [-71.5671548850181, 42.28598131727937], [-71.56557795622224, 42.2721733569826], [-71.56532130129341, 42.26288129563181], [-71.56520046726625, 42.26627627852699], [-71.54980939726813, 42.27178650093628], [-71.53198733851666, 42.27629398964702], [-71.51368629467146, 42.28088136193067], [-71.49676345844186, 42.2856990565532], [-71.48167231126826, 42.29466225490187], [-71.46566078073481, 42.30100199118471], [-71.44840260974266, 42.30336053300864], [-71.4332187921474, 42.31018662922299], [-71.41658878607149, 42.31430594113621], [-71.39859021647963, 42.31501066595531], [-71.38059046510354, 42.31211789529939], [-71.36278331286401, 42.3130340455494], [-71.34581632918804, 42.31845776554413], [-71.33164697665747, 42.32750767060349], [-71.31582881330635, 42.33428556476006], [-71.29716368932509, 42.33571792455561], [-71.27944867133282, 42.33864151410976], [-71.26519891215217, 42.33905940156561], [-71.25399197241612, 42.34354773420996], [-71.23688595376092, 42.34704537786762], [-71.21823532677922, 42.34938558905202], [-71.19970498707174, 42.3530140436472], [-71.18240700111198, 42.35693957415964], [-71.16555872379911, 42.3574790032975], [-71.1470772299727, 42.35834345208408], [-71.12719935665517, 42.35683795568328], [-71.1199276372325, 42.36014340854133], [-71.1162451530367, 42.36136620003892], [-71.1137652483723, 42.36220223126217], [-71.10981042474062, 42.36348216938298]]}, "type": "Feature", "properties": {"color": "#0000FF", "opacity": 1, "dashArray": "10,0", "weight": 5}}, {"geometry": {"type": "Point", "coordinates": [-71.602851334554813, 42.358571876559452]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.591951940769704, 42.361003242204227]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.582017120025753, 42.354811832484458]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.575486930153872, 42.342396606730617]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.574732527791895, 42.328196002482869]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.568479994378578, 42.313863518687263]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.566424913809527, 42.299494292116208]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.567154885018098, 42.285981317279372]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.565577956222242, 42.272173356982599]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.565321301293409, 42.262881295631807]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.565200467266251, 42.266276278526988]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.549809397268135, 42.27178650093628]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.531987338516657, 42.276293989647023]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.513686294671459, 42.280881361930668]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.496763458441862, 42.285699056553199]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.481672311268255, 42.294662254901873]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.465660780734808, 42.301001991184712]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.448402609742658, 42.303360533008643]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.4332187921474, 42.31018662922299]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.416588786071486, 42.314305941136212]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.398590216479633, 42.315010665955313]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.380590465103538, 42.312117895299387]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.362783312864011, 42.313034045549401]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.34581632918804, 42.318457765544132]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.331646976657467, 42.327507670603488]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.315828813306354, 42.334285564760059]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.297163689325089, 42.33571792455561]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.279448671332815, 42.33864151410976]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.265198912152172, 42.339059401565613]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.253991972416117, 42.343547734209963]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.236885953760918, 42.347045377867623]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.218235326779222, 42.349385589052019]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.19970498707174, 42.3530140436472]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.182407001111983, 42.35693957415964]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.165558723799109, 42.357479003297499]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.147077229972695, 42.358343452084078]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.127199356655169, 42.356837955683282]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.119927637232493, 42.360143408541333]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.116245153036701, 42.361366200038923]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.113765248372303, 42.362202231262167]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}, {"geometry": {"type": "Point", "coordinates": [-71.109810424740616, 42.363482169382983]}, "type": "Feature", "properties": {"width": 8, "html": "<svg width=\"8px\" height=\"8px\" viewBox=\"-4.0 -4.0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"> <path d=\"M -3.0 -3.0 L 3.0 -3.0 L 3.0 3.0 L -3.0 3.0 Z\" fill-opacity=\"1\" stroke=\"#000000\" stroke-width=\"0.5\" stroke-opacity=\"1\" fill=\"#FF0000\" /></svg>", "height": 8}}]};
var gj = L.geoJson(gjData, {
style: function (feature) {
return feature.properties;
},
pointToLayer: function (feature, latlng) {
var icon = L.divIcon({'html': feature.properties.html,
iconAnchor: [feature.properties.width / 2.0 ,
feature.properties.height / 2.0],
className: 'empty'}); // What can I do about empty?
return L.marker(latlng, {icon: icon});
}
});
gj.addTo(map);
map.fitBounds(gj.getBounds());
</script>
</body>