TravelTime-Frontend
TravelTime-Frontend
/ TravelTime_store_locator_full_code.html
Last active
May 2, 2023 10:32
In this given example we use Travel time data for store finder. Full code. Related tutorial https://traveltime.com/blog/tutorial-how-to-build-a-store-finder
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
| integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" | |
| integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | |
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" |
TravelTime-Frontend
/ Geocoding_full_code.html
Last active
February 21, 2023 08:23
Full code for geocoding request. More about https://traveltime.com/blog/free-geocoding-from-traveltime-api
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
| integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" | |
| integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| </head> |
TravelTime-Frontend
/ reverse_geocoding-full-code.html
Last active
February 21, 2023 08:23
Part of https://traveltime.com/blog/free-geocoding-from-traveltime-api turorial.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
| integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" | |
| integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| </head> |
TravelTime-Frontend
/ Geocoding_with_autocomplete.js
Last active
February 21, 2023 08:23
Full code for geocoding request with autocomplete. More about https://traveltime.com/blog/free-geocoding-from-traveltime-api
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
| integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" | |
| integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| <script | |
| src="https://cdnjs.cloudflare.com/ajax/libs/jquery.devbridge-autocomplete/1.4.8/jquery.autocomplete.min.js"></script> |
TravelTime-Frontend
/ geocoding-timemap-full-code.html
Last active
February 21, 2023 13:37
Full code for geocoding timemap example. More about https://traveltime.com/blog/free-geocoding-from-traveltime-api
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
| integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" | |
| integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| <script | |
| src="https://cdnjs.cloudflare.com/ajax/libs/jquery.devbridge-autocomplete/1.4.8/jquery.autocomplete.min.js"></script> |
TravelTime-Frontend
/ Full_isochrone_request.html
Last active
February 21, 2023 08:23
Full code for full isochrone request example. More about https://traveltime.com/blog/use-an-isochrone-api-and-algorithm-in-your-isochrone-app
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v1.3.0/leaflet.css" /> | |
| <script src="http://cdn.leafletjs.com/leaflet/v1.3.0/leaflet.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| </head> | |
| <body> | |
| <div id="map" style="height: 100%;"></div> |
TravelTime-Frontend
/ Full_radius_request.html
Last active
February 21, 2023 08:23
Full code for how to make a radius distance. More about https://traveltime.com/blog/how-to-make-a-distance-radius-map
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" | |
| integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" | |
| integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| </head> |
TravelTime-Frontend
/ TravelTime_data_on_Google_maps_Full.html
Last active
February 21, 2023 08:24
Full code for how to use TravelTime data and draw Polygons on Google maps
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style> | |
| body { | |
| background-color: gray; | |
| } | |
| html, | |
| body, |
TravelTime-Frontend
/ Google_maps_initial.html
Last active
February 21, 2023 08:24
Google Maps JavaScript API initial setup
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <style> | |
| body { | |
| background-color: gray; | |
| } | |
| html, | |
| body, |
TravelTime-Frontend
/ MapBox_initial.html
Last active
February 21, 2023 08:24
MapBox maps initial setup
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <script src='https://api.mapbox.com/mapbox-gl-js/v1.11.1/mapbox-gl.js'></script> | |
| <link href='https://api.mapbox.com/mapbox-gl-js/v1.11.1/mapbox-gl.css' rel='stylesheet' /> | |
| <style> | |
| body { | |
| background-color: gray; | |
| } |