デフォルト設定

リスト表示

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/maplace.min.js"></script>
<script>
	$(window).load(function(){
		new Maplace({
			map_div: '#gmap01'
		}).Load();

		new Maplace({
			view_all_text: '全部',
			locations: [
				{
					lat: 48.804449,
					lon: 2.121656,
					title: '宮殿!',
					zoom: 17
				},
				{
					lat: 35.363146,
					lon: 138.730022,
					title: '山!',
					zoom: 17
				},
				{
					lat: 43.078603,
					lon: -79.076045,
					title: '滝!',
					zoom: 17
				},
				{
					lat: 29.976175,
					lon: 31.130517,
					title: '50日以内に',
					zoom: 17
				}
			],
			map_options: {
				mapTypeId: google.maps.MapTypeId.SATELLITE
			},
			map_div: '#gmap02',
			controls_type: 'list',
			controls_title: 'choose'
		}).Load(); 
	});
</script>
<p>デフォルト設定</p>
<div id="gmap01" class="Maplace-demo"></div>

<p>リスト表示</p>
<div id="gmap02" class="Maplace-demo"></div>

Maplaceについて

Maplaceは、google mapsを色々とカスタマイズできるプラグインです。
マーカー、メニュー、タブ、ルートなど機能は豊富です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • gmaps

    gmaps

    google mapsを色々と便利にしてくれる