#map_canvas_m0 { width:100%; height:600px; #map_contener_m0 { width:100%; border:solid 1px #666; background:#CCC } }

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

#map_canvas_m0 { width:100%; height:600px; #map_contener_m0 { width:100%; border:solid 1px #666; background:#CCC } } var map_m0 = null; /* Instance of Google Maps object */ var map_compatible = false; /* Whether or not user's browser is compatible to show the map */ var map_height_m0 = '600px'; /* Check if the browser is compatible */ if( GBrowserIsCompatible() ) { map_compatible = true; } /* Initialize the map */ function initializeGMap_m0() { if( map_compatible ) { map_m0 = new GMap2(document.getElementById('map_canvas_m0')); var point_m0 = new GLatLng('36.594681', '136.625580'); map_m0.setMapType(G_NORMAL_MAP); map_m0.addMapType(G_PHYSICAL_MAP); map_m0.setCenter(point_m0, 2); //Markers var markers = []; var newIcon20110101050721632 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110101050721632 = new GMarker(new GLatLng(35.687798, 139.599701),{icon: newIcon20110101050721632}); GEvent.addListener(marker20110101050721632, 'click', function() { var tabs20110101050721632 = []; tabs20110101050721632.push(new GInfoWindowTab("プレゼンテーション", "あいび～2004年からのGeeklogファン。最終編集日時: 2011年1月 1日(土) 05:07 JSTマーカーレポート")); tabs20110101050721632.push(new GInfoWindowTab("リソース", "Ressource #1@ivyjp")); marker20110101050721632.openInfoWindowTabsHtml(tabs20110101050721632); }); markers.push(marker20110101050721632); var newIcon20110525142253621 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110525142253621 = new GMarker(new GLatLng(35.472294, 133.050507),{icon: newIcon20110525142253621}); GEvent.addListener(marker20110525142253621, 'click', function() { var tabs20110525142253621 = []; tabs20110525142253621.push(new GInfoWindowTab("プレゼンテーション", "島根県最終編集日時: 2011年5月25日(水) 14:22 JSTマーカーレポート")); marker20110525142253621.openInfoWindowTabsHtml(tabs20110525142253621); }); markers.push(marker20110525142253621); var markerCluster = new MarkerClusterer(map_m0, markers); //Ads var AdsOnMap_m0 = 0; if (AdsOnMap_m0 == '1') { // Note: replace this publisher ID with your own. var publisher_id_m0 = 'ca-pub-3822023659914251'; var adPos_m0 = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(5, 5)); var adsManagerOptions_m0 = { maxAdsOnMap : 1, style: G_ADSMANAGER_STYLE_ADUNIT, // The channel field is optional channel: '5373779113', position: adPos_m0 }; adsManager_m0 = new GAdsManager(map_m0, publisher_id_m0, adsManagerOptions_m0); adsManager_m0.enable(); } // Controls var pos3D_m0 = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 40)); map_m0.addControl(new GLargeMapControl3D(), pos3D_m0); var posScale_m0 = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(5, 20)); map_m0.addControl(new GScaleControl(), posScale_m0); map_m0.addControl(new GNavLabelControl(), new GControlPosition(G_ANCHOR_TOP_LEFT)); map_m0.addControl(new GMenuMapTypeControl()); } } /* Initialize the map on page load */ if( window.addEventListener ) { window.addEventListener( 'load', initializeGMap_m0, false ); window.addEventListener( 'unload', GUnload, false ); } else if( document.addEventListener ) { document.addEventListener('load' , initializeGMap_m0, false ); document.addEventListener( 'unload', GUnload, false ); } else if( window.attachEvent ) { window.attachEvent( 'onload', initializeGMap_m0 ); window.attachEvent( 'onunload', GUnload ); } else { if( window.onload ) { window.XTRonload = window.onload; } if( window.onunload ) { window.XTRonunload = window.onunload; } window.onload = initializeGMap_m0; window.onunload = GUnload; } グローバルマップ これはひとつのマップにすべてのマーカーを表示したものです。 #map_canvas_m0 { width:100%; height:600px; #map_contener_m0 { width:100%; border:solid 1px #666; background:#CCC } } var map_m0 = null; /* Instance of Google Maps object */ var map_compatible = false; /* Whether or not user's browser is compatible to show the map */ var map_height_m0 = '600px'; /* Check if the browser is compatible */ if( GBrowserIsCompatible() ) { map_compatible = true; } /* Initialize the map */ function initializeGMap_m0() { if( map_compatible ) { map_m0 = new GMap2(document.getElementById('map_canvas_m0')); var point_m0 = new GLatLng('36.594681', '136.625580'); map_m0.setMapType(G_NORMAL_MAP); map_m0.addMapType(G_PHYSICAL_MAP); map_m0.setCenter(point_m0, 2); //Markers var markers = []; var newIcon20110101050721632 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110101050721632 = new GMarker(new GLatLng(35.687798, 139.599701),{icon: newIcon20110101050721632}); GEvent.addListener(marker20110101050721632, 'click', function() { var tabs20110101050721632 = []; tabs20110101050721632.push(new GInfoWindowTab("プレゼンテーション", "あいび～2004年からのGeeklogファン。最終編集日時: 2011年1月 1日(土) 05:07 JSTマーカーレポート")); tabs20110101050721632.push(new GInfoWindowTab("リソース", "Ressource #1@ivyjp")); marker20110101050721632.openInfoWindowTabsHtml(tabs20110101050721632); }); markers.push(marker20110101050721632); var newIcon20110525142253621 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110525142253621 = new GMarker(new GLatLng(35.472294, 133.050507),{icon: newIcon20110525142253621}); GEvent.addListener(marker20110525142253621, 'click', function() { var tabs20110525142253621 = []; tabs20110525142253621.push(new GInfoWindowTab("プレゼンテーション", "島根県最終編集日時: 2011年5月25日(水) 14:22 JSTマーカーレポート")); marker20110525142253621.openInfoWindowTabsHtml(tabs20110525142253621); }); markers.push(marker20110525142253621); var markerCluster = new MarkerClusterer(map_m0, markers); //Ads var AdsOnMap_m0 = 0; if (AdsOnMap_m0 == '1') { // Note: replace this publisher ID with your own. var publisher_id_m0 = 'ca-pub-3822023659914251'; var adPos_m0 = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(5, 5)); var adsManagerOptions_m0 = { maxAdsOnMap : 1, style: G_ADSMANAGER_STYLE_ADUNIT, // The channel field is optional channel: '5373779113', position: adPos_m0 }; adsManager_m0 = new GAdsManager(map_m0, publisher_id_m0, adsManagerOptions_m0); adsManager_m0.enable(); } // Controls var pos3D_m0 = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 40)); map_m0.addControl(new GLargeMapControl3D(), pos3D_m0); var posScale_m0 = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(5, 20)); map_m0.addControl(new GScaleControl(), posScale_m0); map_m0.addControl(new GNavLabelControl(), new GControlPosition(G_ANCHOR_TOP_LEFT)); map_m0.addControl(new GMenuMapTypeControl()); } } /* Initialize the map on page load */ if( window.addEventListener ) { window.addEventListener( 'load', initializeGMap_m0, false ); window.addEventListener( 'unload', GUnload, false ); } else if( document.addEventListener ) { document.addEventListener('load' , initializeGMap_m0, false ); document.addEventListener( 'unload', GUnload, false ); } else if( window.attachEvent ) { window.attachEvent( 'onload', initializeGMap_m0 ); window.attachEvent( 'onunload', GUnload ); } else { if( window.onload ) { window.XTRonload = window.onload; } if( window.onunload ) { window.XTRonunload = window.onunload; } window.onload = initializeGMap_m0; window.onunload = GUnload; } グローバルマップ これはひとつのマップにすべてのマーカーを表示したものです。 #map_canvas_m0 { width:100%; height:600px; #map_contener_m0 { width:100%; border:solid 1px #666; background:#CCC } } var map_m0 = null; /* Instance of Google Maps object */ var map_compatible = false; /* Whether or not user's browser is compatible to show the map */ var map_height_m0 = '600px'; /* Check if the browser is compatible */ if( GBrowserIsCompatible() ) { map_compatible = true; } /* Initialize the map */ function initializeGMap_m0() { if( map_compatible ) { map_m0 = new GMap2(document.getElementById('map_canvas_m0')); var point_m0 = new GLatLng('36.594681', '136.625580'); map_m0.setMapType(G_NORMAL_MAP); map_m0.addMapType(G_PHYSICAL_MAP); map_m0.setCenter(point_m0, 2); //Markers var markers = []; var newIcon20110101050721632 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110101050721632 = new GMarker(new GLatLng(35.687798, 139.599701),{icon: newIcon20110101050721632}); GEvent.addListener(marker20110101050721632, 'click', function() { var tabs20110101050721632 = []; tabs20110101050721632.push(new GInfoWindowTab("プレゼンテーション", "あいび～2004年からのGeeklogファン。最終編集日時: 2011年1月 1日(土) 05:07 JSTマーカーレポート")); tabs20110101050721632.push(new GInfoWindowTab("リソース", "Ressource #1@ivyjp")); marker20110101050721632.openInfoWindowTabsHtml(tabs20110101050721632); }); markers.push(marker20110101050721632); var newIcon20110525142253621 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110525142253621 = new GMarker(new GLatLng(35.472294, 133.050507),{icon: newIcon20110525142253621}); GEvent.addListener(marker20110525142253621, 'click', function() { var tabs20110525142253621 = []; tabs20110525142253621.push(new GInfoWindowTab("プレゼンテーション", "島根県最終編集日時: 2011年5月25日(水) 14:22 JSTマーカーレポート")); marker20110525142253621.openInfoWindowTabsHtml(tabs20110525142253621); }); markers.push(marker20110525142253621); var markerCluster = new MarkerClusterer(map_m0, markers); //Ads var AdsOnMap_m0 = 0; if (AdsOnMap_m0 == '1') { // Note: replace this publisher ID with your own. var publisher_id_m0 = 'ca-pub-3822023659914251'; var adPos_m0 = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(5, 5)); var adsManagerOptions_m0 = { maxAdsOnMap : 1, style: G_ADSMANAGER_STYLE_ADUNIT, // The channel field is optional channel: '5373779113', position: adPos_m0 }; adsManager_m0 = new GAdsManager(map_m0, publisher_id_m0, adsManagerOptions_m0); adsManager_m0.enable(); } // Controls var pos3D_m0 = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 40)); map_m0.addControl(new GLargeMapControl3D(), pos3D_m0); var posScale_m0 = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(5, 20)); map_m0.addControl(new GScaleControl(), posScale_m0); map_m0.addControl(new GNavLabelControl(), new GControlPosition(G_ANCHOR_TOP_LEFT)); map_m0.addControl(new GMenuMapTypeControl()); } } /* Initialize the map on page load */ if( window.addEventListener ) { window.addEventListener( 'load', initializeGMap_m0, false ); window.addEventListener( 'unload', GUnload, false ); } else if( document.addEventListener ) { document.addEventListener('load' , initializeGMap_m0, false ); document.addEventListener( 'unload', GUnload, false ); } else if( window.attachEvent ) { window.attachEvent( 'onload', initializeGMap_m0 ); window.attachEvent( 'onunload', GUnload ); } else { if( window.onload ) { window.XTRonload = window.onload; } if( window.onunload ) { window.XTRonunload = window.onunload; } window.onload = initializeGMap_m0; window.onunload = GUnload; } グローバルマップ これはひとつのマップにすべてのマーカーを表示したものです。 #map_canvas_m0 { width:100%; height:600px; #map_contener_m0 { width:100%; border:solid 1px #666; background:#CCC } } var map_m0 = null; /* Instance of Google Maps object */ var map_compatible = false; /* Whether or not user's browser is compatible to show the map */ var map_height_m0 = '600px'; /* Check if the browser is compatible */ if( GBrowserIsCompatible() ) { map_compatible = true; } /* Initialize the map */ function initializeGMap_m0() { if( map_compatible ) { map_m0 = new GMap2(document.getElementById('map_canvas_m0')); var point_m0 = new GLatLng('36.594681', '136.625580'); map_m0.setMapType(G_NORMAL_MAP); map_m0.addMapType(G_PHYSICAL_MAP); map_m0.setCenter(point_m0, 2); //Markers var markers = []; var newIcon20110101050721632 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110101050721632 = new GMarker(new GLatLng(35.687798, 139.599701),{icon: newIcon20110101050721632}); GEvent.addListener(marker20110101050721632, 'click', function() { var tabs20110101050721632 = []; tabs20110101050721632.push(new GInfoWindowTab("プレゼンテーション", "あいび～2004年からのGeeklogファン。最終編集日時: 2011年1月 1日(土) 05:07 JSTマーカーレポート")); tabs20110101050721632.push(new GInfoWindowTab("リソース", "Ressource #1@ivyjp")); marker20110101050721632.openInfoWindowTabsHtml(tabs20110101050721632); }); markers.push(marker20110101050721632); var newIcon20110525142253621 = MapIconMaker.createLabeledMarkerIcon({ primaryColor:"", strokeColor:"", label:"", labelColor:"#000000", addStar:false, starPrimaryColor:"#FFFF00", starStrokeColor:"#333333" }); var marker20110525142253621 = new GMarker(new GLatLng(35.472294, 133.050507),{icon: newIcon20110525142253621}); GEvent.addListener(marker20110525142253621, 'click', function() { var tabs20110525142253621 = []; tabs20110525142253621.push(new GInfoWindowTab("プレゼンテーション", "島根県最終編集日時: 2011年5月25日(水) 14:22 JSTマーカーレポート")); marker20110525142253621.openInfoWindowTabsHtml(tabs20110525142253621); }); markers.push(marker20110525142253621); var markerCluster = new MarkerClusterer(map_m0, markers); //Ads var AdsOnMap_m0 = 0; if (AdsOnMap_m0 == '1') { // Note: replace this publisher ID with your own. var publisher_id_m0 = 'ca-pub-3822023659914251'; var adPos_m0 = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(5, 5)); var adsManagerOptions_m0 = { maxAdsOnMap : 1, style: G_ADSMANAGER_STYLE_ADUNIT, // The channel field is optional channel: '5373779113', position: adPos_m0 }; adsManager_m0 = new GAdsManager(map_m0, publisher_id_m0, adsManagerOptions_m0); adsManager_m0.enable(); } // Controls var pos3D_m0 = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 40)); map_m0.addControl(new GLargeMapControl3D(), pos3D_m0); var posScale_m0 = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(5, 20)); map_m0.addControl(new GScaleControl(), posScale_m0); map_m0.addControl(new GNavLabelControl(), new GControlPosition(G_ANCHOR_TOP_LEFT)); map_m0.addControl(new GMenuMapTypeControl()); } } /* Initialize the map on page load */ if( window.addEventListener ) { window.addEventListener( 'load', initializeGMap_m0, false ); window.addEventListener( 'unload', GUnload, false ); } else if( document.addEventListener ) { document.addEventListener('load' , initializeGMap_m0, false ); document.addEventListener( 'unload', GUnload, false ); } else if( window.attachEvent ) { window.attachEvent( 'onload', initializeGMap_m0 ); window.attachEvent( 'onunload', GUnload ); } else { if( window.onload ) { window.XTRonload = window.onload; } if( window.onunload ) { window.XTRonunload = window.onunload; } window.onload = initializeGMap_m0; window.onunload = GUnload; } グローバルマップ これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

:LinuxWorldExpo/Tokyo :OSC :KOF :勉強会 活用事例サンプル：デモサイト 利用方法： public_html/admin/readme_ja.html ダウンロード：GoogleMapsAPI プラグイン tkgmaps for 1.4.1 & 1.5 スポンサー：京都大学　東南アジア研究所様 ディレクター：株式会社アイビー・ウィー 今駒哲子 開発：木下敏夫(kino) ※この開発はGeeklog.jp SNSにて，ひろろんさんはじめ多くの開発者の協力のもと，木下さんが開発されました。 京都大学様，ご協力いただいた開発者のみなさま，ありがとうございました。" />
Geeklog > Geeklog日本公式サイト Geeklog Japanese [PC・スマートフォン・携帯対応]　Wiki　DEMO　Code　Docs　FB Page　FB Group　開発Docs

メニューをスキップして本文へ

GoogleMapsAPI tkgmapsプラグインを公開

  • 2008年5月15日(木) 16:34 JST
  • 投稿者:
Geeklog情報

GoogleMapsAPI を活用して，複数ピンとバルーンを利用できるGoogleMapsAPI プラグイン tkgmapsを開発，公開しました。この地図はこのプラグインを利用して表示しています。

これからGeeklogを出展するイベントマップ

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

グローバルマップ

これはひとつのマップにすべてのマーカーを表示したものです。

green.png:LinuxWorldExpo/Tokyo green.png:OSC green.png:KOF coffeehouse.png:勉強会

※この開発はGeeklog.jp SNSにて，ひろろんさんはじめ多くの開発者の協力のもと，木下さんが開発されました。
京都大学様，ご協力いただいた開発者のみなさま，ありがとうございました。

関連情報

記事のオプション

トラックバック

このエントリのトラックバックURL:
http://www.geeklog.jp/trackback.php/tkgmaps20080516

'GoogleMapsAPI tkgmapsプラグインを公開'について他のサイトでは次のように言及されています:

[...] 30 avril 2009 - 01:53 Contributed by: ::Ben Views: 3 L'équipe japonnaise de Geeklog à sortie l'année dernière une version assez confidentielle d'un plugin nommé tkgmaps qui permet d'ajouter des cartes google [...] 続きを読む

表示形式
コメント投稿

サイト管理者はコメントに関する責任を負いません。

サブメニューをスキップしてフッタへ

ログイン

ログイン

タグメニュー

セミナー
Coworking

タグクラウド

サイトカレンダ

サイトカレンダをスキップ

«
 2012年 02月
»
日 月 火 水 木 金 土
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29

テーマテスター