This repository was archived by the owner on Nov 21, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 24
Expand file tree
/
Copy pathembed.html
More file actions
24 lines (17 loc) · 2.05 KB
/
embed.html
File metadata and controls
24 lines (17 loc) · 2.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<title>Sample MapBox Locator Embed File</title>
<style>
html, body {
height: 100%;
}
</style>
</head>
<body>
<h1>610px wide:</h1>
<div class="mapbox-map" data-mapid="examples.map-i86l3621" data-lon="-77.03113725662232" data-lat="38.913330960230894" data-zoom="17" data-width="610px" data-height="400px"><div class="marker" data-name="pin-m" data-symbol="star" data-color="000000" data-lon="-77.03267148017883" data-lat="38.913189042807836" data-tooltip="MapBox%20HQ.%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fmapbox.com%22%3EMapbox.com%3C%2Fa%3E"></div><div class="marker" data-name="pin-m" data-symbol="" data-color="dc463f" data-lon="-77.0296030330658" data-lat="38.91405723907152" data-tooltip="An%20intersection%20of%20two%20roads."></div><div class="marker" data-name="pin-m" data-symbol="park" data-color="3178b5" data-lon="-77.02961376190186" data-lat="38.91260467395815" data-tooltip="A%20tree%20used%20to%20be%20%3Cem%3Eplanted%20here%3C%2Fem%3E%2C%20years%20ago."></div></div><script class="mapbox-embed" async="" src="//localhost:8000/embed.js" charset="utf-8"></script>
<h1>100% wide:</h1>
<div class="mapbox-map" data-mapid="examples.map-i86l3621" data-lon="-77.03113725662232" data-lat="38.913330960230894" data-zoom="17" data-width="100%" data-height="400px"><div class="marker" data-name="pin-m" data-symbol="star" data-color="000000" data-lon="-77.03267148017883" data-lat="38.913189042807836" data-tooltip="MapBox%20HQ.%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fmapbox.com%22%3EMapbox.com%3C%2Fa%3E"></div><div class="marker" data-name="pin-m" data-symbol="" data-color="dc463f" data-lon="-77.0296030330658" data-lat="38.91405723907152" data-tooltip="An%20intersection%20of%20two%20roads."></div><div class="marker" data-name="pin-m" data-symbol="park" data-color="3178b5" data-lon="-77.02961376190186" data-lat="38.91260467395815" data-tooltip="A%20tree%20used%20to%20be%20%3Cem%3Eplanted%20here%3C%2Fem%3E%2C%20years%20ago."></div></div><script class="mapbox-embed" async="" src="//localhost:8000/embed.js" charset="utf-8"></script>
</body>
</html>