MMap 0.2.3

Map using Google Maps Api Version 3. A comprehensible map can be displayed by using the custom marker.



Details

Author
Noritaka Horio
Current version
0.2.3
GitHub
holyshared/MMap
Downloads
7946
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • Core/Array
    • Core/Type
    • MMap/MMap
    • Core/Class
    • Core/Object
    • Core/Element
    • Core/Element.Style
    • MMap/MMap.Options
    • MMap/MMap.Events
    • MMap/MMap.Marker
    • MMap/MMap.Marker.Core
    • MMap/MMap.Position
    • MMap/MMap.Draggable
    • MMap/MMap.OverlayView
    • Core/Events
    • MMap/MMap.Container
    • Core/Element.Event

How to use

MMap

Step1 Reading of library.

Mootools and MMap are added in the head element and read.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3&amp;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>

Step2 HTML description of main.

HTML to use MMap becomes as follows.

<div id="map"></div>

Step3 Description of javascript.

(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));

Online Document

Online Demonstration


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus