I’ve been further improving the code that I described in my previous in my previous post - ‘Adding KML Google Maps overlays to WordPress posts‘.
I’ve made these changes:
- Option to specify a latitude / longitude / zoom for the map. This allows you to have one map and then show lots of different views of it
- The code is now implemented as a function rather than as included PHP. This means that the full map can be included in one line of PHP and the code only has to be included once in each page.
As before you can include a whole map which will be automatically centred and zoomed for you. The require_once is only needed once on each page, but no harm will come to you if it is included more than once. Only one argument is needed - the full URL to the KML file. A width / height can be included if you want.
<?php
require_once('../data/071223/mapiframe.php');
iframe("http://www.reviewmylife.co.uk/data/071223/track.kml");
?>
View Larger Map
The new options allow you to specify the latitude, longitude and zoom values. When you specify these values you also have to specify the width / height of the map. The argument list is:
- Full URL of KML - note this is the full URL not a relative one
- Width of map - in pixels
- Height of map - in pixels
- Latitude
- Longitude
- Zoom
<?php
require_once('../data/071223/mapiframe.php');
iframe("http://www.reviewmylife.co.uk/data/071223/track.kml",
450, 400, "51.515339", "-0.054374", 15);
?>
View Larger Map
To get the latitude / longitude / zoom values view your KML file in Google Maps. Click on ‘Link to this page’ as described in the previous post. Alter the zoom and position of the map so it shows that you want. Then copy the latitude / longitude / zoom values from the HTML box. The latitude / longitude are the values in the ‘ll’ parameter (latitude is first). The zoom is the ‘z’ parameter.
So if we are looking at the following page in Google Maps.
The latitude is 51.49966, the longitude is -0.053108 and the zoom is 16.
Here are the three files you’ll need.
You can see a demonstration of these scripts at www.londonphotoproject.co.uk/blog/. Here I have one KML file for my whole walking route, but I include multiple zoomed-in views of the map so I can describe the route in small sections.
Tags: Blogging, embed, google maps, GPS, HTML, KML, PHP, wordpress
