I just like to add work code, if some one have a problem to make it work, after install the Module.
This code is for parent page when the city map or address will show all children inside map,
echo "\n\n<div id='map1'></div>"; //div to show in template map
$js = "<script type='text/javascript'>";
$js .= "RCDMap.options.zoom = 2;";
$js .= "RCDMap.init('map1', 0, 0);";
foreach($page->children as $items) {
$js .= "\nRCDMap.addMarker('{$items->title}', '{$items->url}', {$items->map->lat}, {$items->map->lng});";
}
$js .= "RCDMap.fitToMarkers();";
$js .= "</script>";
echo $js;
Here is code for a single page for city, hotels, or what ever u want to use it,
echo "<div id='map'></div>"; //div to show in template map
$js = "<script type='text/javascript'>";
$js .= "RCDMap.options.zoom = 10;";
$js .= "RCDMap.init('map', {$page->map->lat}, {$page->map->lng});";
$js .= "RCDMap.addMarker('{$page->title}', '', {$page->map->lat}, {$page->map->lng});";
$js .= "</script>";
echo $js;
CSS
#map {
width: 100%;
height: 300px;
margin: 1em 0;
}
#map1 {
width: 100%;
height: 500px;
margin: 1em 0;
}
JS
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.di.net/almanac/site/templates/scripts/RCDMap.js"></script> /*this is from Ryan you can put it in your folder*/
Thanks to RYAN,