Map with sidebar, Google Maps Javascript API V3
|
I have created Online Google maps tool and Online Google maps v3 tool that I use for making maps to my site Birdtheme. I do not really need the kind of map I have created here on my website yet, but playing with Google maps API is fun.
You can't obtain the data you need to create a sidebar if you render a KML file on a map with
'new google.maps.KmlLayer(url of the kml file)'. If you do it this way, it is not dynamic,
users can't interact with your shapes, because you don't have access
to individual markers, polylines and polygons to write code for a sidebar. There are solutions
for loading and reading KML files and obtaining data for individual shapes.
The method used here is to import KML (or XML) files using the
php function simplexml_load_file(). With this function you can search for nodes and
collect their values in arrays or strings and convert them to Javascript arrays when needed. I use
radio buttons in the sidebar. Buttons and links can easily be used instead. |
Online Google maps tool v3 Edit Google Maps KML file v3 |
Contact: Kjell Scharning |