https://github.com/holyshared/mmap

Map using Google Maps Api Version 3. A comprehensible map can be displayed by using the custom marker.
https://github.com/holyshared/mmap

Last synced: about 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/holyshared/mmap
• Owner: holyshared
• Created: 2010-04-26T02:15:09.000Z (about 16 years ago)
• Default Branch: master
• Last Pushed: 2011-08-24T15:27:55.000Z (almost 15 years ago)
• Last Synced: 2025-04-21T17:58:37.581Z (about 1 year ago)
• Language: JavaScript
• Homepage: http://holyshared.github.com/MMap/
• Size: 33.1 MB
• Stars: 14
• Watchers: 0
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          

MMap

====================================

![Screenshot](http://holyshared.github.com/MMap/logo.png)

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

How to use

------------------------------------

### MMap

#### Step1 Reading of library.

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

	#HTML

	

	

	

#### Step2 HTML description of main.

HTML to use MMap becomes as follows.

	#HTML

	


#### Step3 Description of javascript.

	#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. 
'

				+ '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

* [English document](http://holyshared.github.com/MMap/docs/html/en/mmap.overlayview.html)

* [Japanese document](http://holyshared.github.com/MMap/docs/html/ja/mmap.overlayview.html)

### Online Demonstration

* [English demo](http://holyshared.github.com/MMap/marker.html)

* [Japanese demo](http://holyshared.github.com/MMap/ja/marker.html)