Map using Google Maps Api Version 3. A comprehensible map can be displayed by using the custom marker.
Mootools and MMap are added in the head element and read.
#HTML
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
<script type="text/javascript" src="js/lib/mootools-core.js"></script>
<script type="text/javascript" src="js/lib/mmap-compressed.js"></script>
HTML to use MMap becomes as follows.
#HTML
<div id="map"></div>
#JS
(function($){
window.addEvent("domready", function(){
var map = new google.maps.Map($('map'), {
zoom: 15,
center: new google.maps.LatLng(35.6666870, 139.731859),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new MMap.Marker.HTML({
map: map,
className: 'marker markerDefault',
title: 'Marker who contains simple contents',
content: 'HTML contents can be inserted. <br />'
+ 'It is usual to put sentences and photographs of several lines.',
position: new google.maps.LatLng(35.6666870, 139.731859),
visible: true
});
});
}(document.id));