jlengrand/isochrone-with-google-map
1
0
Fork 0
mirror of https://github.com/jlengrand/isochrone-with-google-map.git synced 2026-03-10 08:21:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

refining some details

Browse Source
This commit is contained in:
Sandro
2010-01-15 23:19:02 +01:00
parent 09a3dadf92
commit 335442608a
2 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README
View File

@@ -0,0 +1,12 @@
----====---- ISOCHRONE ----====----
DEMO: http://sandropaganotti.com/wp-content/goodies/demos/isochrone/index.html
This script uses Google Maps API to generate a isochrone (http://en.wikipedia.org/wiki/Contour_line#Social_sciences);
it firstly invoke Geocoding service on a desired location (eg: Paris)
and then it cycles on some rays (you can decide how many) of the
conference centered on that location.
For each ray then the script marks a point corresponding to
the distance (by car) in minutes specified as input (eg: 10 minutes)
from the inputted location.

7
index.html
View File

@@ -2,8 +2,9 @@
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Map Language</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAjqVoDXyBp6bfqyuv3AlI2BQrEibgys9Q7xis9OGN0SpCcELUwxSfkRscSsUpjh2N_fO_eU-pexEzGA" type="text/javascript"></script>
<title>Generate an isochrone with Google Map API</title>
<!-- my_api_key: ABQIAAAAjqVoDXyBp6bfqyuv3AlI2BQrEibgys9Q7xis9OGN0SpCcELUwxSfkRscSsUpjh2N_fO_eU-pexEzGA -->
<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=#{your-api-key}" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
@@ -108,7 +109,7 @@
<label for="minutes"> Minutes: </label>
<input type="text" id="minutes" name="minutes" size="3" maxlength="2" value="10"/>
<input type="submit" value="Generate Isochrone"
onclick="isocrona(document.getElementById('geolocation').value,document.getElementById('minutes').value)"/>
onclick="this.value='Generating... it takes 2-5 mins';isocrona(document.getElementById('geolocation').value,document.getElementById('minutes').value)"/>
<img id="loader" src="loader.gif" style="display:none;"/>
</div>
<div id="map_canvas" style="width:70%; height:800px; border: 3px solid rgb(51, 51, 51);"></div>