-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathview-change-events.html
147 lines (121 loc) · 3.99 KB
/
view-change-events.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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Provide feedback to a user as they manipulate the map — Maps for HTML reference examples</title>
<link rel="stylesheet" href="examples.css">
<script src="api-keys.js"></script>
</head>
<body>
<h1>Examples for
<a href="../#use-case-view-change-events">Use Case: Provide feedback to a user as they manipulate the map</a>
</h1>
<p>
***Introduction***
</p>
<details>
<summary>Jump to section…</summary>
<ul class="toc">
<li>Iframe embeds: <ul>
<li><a href="#google-maps-embed">Google Maps embed</a></li>
<li><a href="#openstreetmap">OpenStreetMap embed</a></li>
<li><a href="#bing-maps-embed">Bing Maps embed</a></li>
<li><a href="#mapbox-embed">Mapbox Studio embed</a></li>
</ul></li>
<li>Client-side frameworks: <ul>
<li><a href="#leaflet-js">Leaflet.js API</a></li>
<li><a href="#openlayers">OpenLayers API</a></li>
<li><a href="#google-maps-api">Google Maps Platform API</a></li>
<li><a href="#bing-maps-api">Bing Maps Control API</a></li>
<li><a href="#mapkit-js">MapKit JS (Apple Maps) API</a></li>
<li><a href="#mapbox-api">Mapbox GL JS API</a></li>
<li><a href="#tomtom">TomTom Maps SDK for Web with vector maps</a></li>
<li><a href="#d3-geo">D3 Geographies APIs</a></li>
</ul></li>
</ul>
</details>
<section id="google-maps-embed">
<h2>Google Maps embed</h2>
***TODO<!--
Copy & paste embed code or <p>Not applicable</p>
-->***
</section>
<section id="openstreetmap">
<h2>OpenStreetMap embed</h2>
***TODO<!--
Copy & paste embed code or <p>Not applicable</p>
-->***
</section>
<section id="bing-maps-embed">
<h2>Bing Maps embed</h2>
***TODO<!--
Copy & paste embed code or <p>Not applicable</p>
-->***
</section>
<section id="mapbox-embed">
<h2>MapBox Studio embed</h2>
***TODO<!--
Copy & paste embed code or <p>Not applicable</p>
-->***
</section>
<section id="leaflet-js">
<h2>Leaflet.js (with OpenStreetMap tiles)</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="openlayers">
<h2>OpenLayers with OpenStreetMap tiles</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="google-maps-api">
<h2>Google Maps API</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="bing-maps-api">
<h2>Bing Maps Control API</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="mapkit-js">
<h2>MapKit JS (Apple Maps) API</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="mapbox-api">
<h2>Mapbox GL JS API</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="tomtom">
<h2>TomTom Maps SDK for Web with vector maps</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
<section id="d3-geo">
<h2>D3 Geographies APIs</h2>
***TODO<!--
Replace with code including link/external scripts. Custom script has <code class="script-example"> parent element.
or <p>Not applicable</p>
-->***
</section>
</body>
</html>