Client-Side Coding with JavaScript:
Embedding

Description

how to use Web APIs and embedded widgets to serve maps, videos, surveys, and other content from around the Web inside your own sites



 Slides

Embedding

Embedding is the process of including media from other sources into your web sites.

Interactive Embedding

Sometimes you can use JavaScript to interact with the embedded file or app as if it were another User Interface element on your page!

For instance, you could programmatically pause and play an embedded audio clip, say, playing "hoorah!" when the user wins a game of Tic-Tac-Toe.

Or, if the user moves their location on an embedded Google Map, your app could be notified and find the city name and look up restaurants in that area on Yelp's API.

This lesson focuses on interactive embedding: using JavaScript to pass messages between your page's scripts and the embedded media. The Embedding Media lesson covers static embedding: displaying media and allowing the user to interact with it directly.

Maps

https://wiki.openstreetmap.org/wiki/Frameworks#Displaying_interactive_maps https://wiki.openstreetmap.org/wiki/Slippy_Map https://wiki.openstreetmap.org/wiki/Leaflet https://leafletjs.com/ https://leafletjs.com/reference-1.3.0.html https://leafletjs.com/reference-1.3.0.html#evented

bbox = min Longitude , min Latitude , max Longitude , max Latitude

Burlington: 44.47606/-73.21167

Main St.: -73.2130900,44.4749000,-73.2102500,44.4772200


Links



Comments

comments powered by Disqus