Hi Fanan,
take a look at bottom map on my website:
http://www.spotkg.com/index.php?q=95.html
Here is solution:
On landing page put call to google snippet (I have used GoogleMapMarker):
[[GoogleMapMarker? &apiKey=`your_API_key` &startID=`ID_of_the_container_document_where_you_will_put_cities_with_coordinates` &mapType=`hybrid` ¢erPos=`43.755225,21.417847` &defaultZoom=`2` &tpl=`map`]]
In my case, &startID is 96 ( as you can see in URL, 95 is ID of the document where the snippet is).
Document ID 96 is parent for child documents with all cities I need, like:
96 -
- Kragujevac (97)
- Belgrade (98)
- Zagreb (99)
- Inglostadt (100)
...
...
then, create chunk ’map’ for &tpl like mine:
<div id="map" style="float:left; width: 550px; height: 350px; clear: both;’">Loading map...</div>
<div id="maplinks" style=" width: 550px; float:left; margin-left: 10px; padding-right: 10px; display: block; height: 350px; overflow: auto;"></div>
This is a placeholders for map and for pinpoints.
Then, create child documents for every pinpoint you want. Example:
Under document ID 95 in my case, I have about 10 documents (kragujevac, belgrade, zagreb, inglostadt,...)
Every document has it’s own:
Title: Name of the city
Long title: Name of the city
Description: coordinates of the city, like 44.021972,20.908619
Document content: what will be on the screen when you hover mouse over the city on the map.
Hope this helps..
Be free to ask additional questions...
With regards,
Ivan Mandic
Serbia