Thanks for the reply, The native map is Google maps implemented by:
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 15,
center: new google.maps.LatLng(31.620833333,-7.98222222 ),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl:true,
streetViewControl: false,
scaleControl:true,
mapTypeControlOptions: {
mapTypeIds: [
google.maps.MapTypeId.ROADMAP,
google.maps.MapTypeId.SATELLITE
]
}
};
var map = new google.maps.Map(document.getElementById("map_google"),
myOptions);
setMarkers(map, riads);
}
var riads = [
['Riad Assakina', 31.620845000,-7.98228000, 5 , 'images/villa.png' ]
];
function setMarkers(map, locations) {
for (var i = 0; i < locations.length; i++) {
var riad = locations[i];
var myLatLng = new google.maps.LatLng(riad[1], riad[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: riad[4],
title: riad[0],
zIndex: riad[3]
});
}
}
</script>
with
<div id="map_google" style="width:570px; height:470px; margin: -505px
auto 0px 253px; "></div>