PukiwikiでGoogleMaps3 をテンプレートにして作成

Start:
**更新概略 [#l4a46537] 2012-10-27 3.0.0 GoogleMaps JavaScript API v3に変更をしま... 2012-12-01 3.1.0 KMLファイルの読込みに対応した。[[履歴>#h... 2013-07-21 3.1.1 バグ修正。[[履歴>#history]]と[[3.1.1の変... 2014-01-06 3.2.0 KML読み込み時にビューポートを変更しない... 2017-05-31 3.3.0 タッチ操作のハンドリングを変更するオプシ... 2017-10-16 3.4.0 PHP7/Pukiwiki1.5.1対応。[[履歴>#history]... ---- **サンプル [#z08dcf53] &googlemaps3(width=300px, height=200px, zoomctrl=small, s... &googlemaps3_icon(神社, image=http://reddog.s35.xrea.com/... -&googlemaps3_mark(35.039379, 135.729248, title=金閣寺, c... -&googlemaps3_mark(35.031087, 135.735106, title=北野天満... -&googlemaps3_mark(35.028723, 135.712963, title=仁和寺,ca... -&googlemaps3_mark(35.034477, 135.718348, title=龍安寺,ca... こんな風に書く &googlemaps3(width=300px, height=200px, zoomctrl=small, ... &googlemaps3_icon(神社, image=http://reddog.s35.xrea.com... -&googlemaps3_mark(35.039379, 135.729248, title=金閣寺, ... -&googlemaps3_mark(35.031087, 135.735106, title=北野天満... -&googlemaps3_mark(35.028723, 135.712963, title=仁和寺,c... -&googlemaps3_mark(35.034477, 135.718348, title=龍安寺,c... **動作環境 [#vbf9d258] Pukiwiki1.5.1/PHP7をUTF-8で使っています。~ DTD宣言でXHTMLをHTML 4.01 Transitionalとして宣言してあり... FirefoxとChromeで超適当に動作確認。動かない環境がありそう... **ライセンス [#zb45801d] BSD-Styleのライセンスです。~ ~ Google Maps APIそのものの使用条件は、[[Google Maps API Te... +ユーザーが無料でアクセスできるなら商用、個人問わず自由に... +イントラネットは不可。 +一日50万ページビューのときは事前に申告する。 ~ということらしいです。この条件に合わない時は、[[エンター... **ダウンロード [#c9fb8225] -3.3~ --EUC-JP版~ http://reddog.s35.xrea.com/software/googlemaps-3.3.0-eucj... --UTF-8版~ http://reddog.s35.xrea.com/software/googlemaps-3.3.0-utf8... -3.4(Pukiwiki1.5.1対応)~ --EUC-JP版~ http://reddog.s35.xrea.com/software/googlemaps-3.4.0-eucj... --UTF-8版~ http://reddog.s35.xrea.com/software/googlemaps-3.4.0-utf8... #htmlinsert(adBigRect) **インストール [#e3587e90] +pluginディレクトリにgooglemaps3.inc.phpとgooglemaps3_mar... **わかっている不具合 [#dc6b0486] -あまりデバッグをしていないのであやしい。携帯とかダメかも。 &aname(history); **履歴 [#n73ce460] -1.1 2005-09-25 --リリース -2.0 2006-04-20 --Googlemapsのverion2のAPIに対応した。大幅仕様変更。名前... -3.0 2012-10-27 --Googlemapsのverion3のAPIに対応した。大幅仕様変更。名前... -3.1 2012-12-01 --KMLファイルの読込みに対応した。geoxmlの代わりにこれを使... -3.1.1 2013-07-21 --マーカーのズームが機能してなかったバグを修正した。 -3.2 2014-01-06 --KMLファイルの読込み時にビューポートを変更しないオプショ... -3.3 2017-05-31 --フルスクリーン表示コントロールのオプションを追加した。f... --タッチ操作での振る舞いのオプションを追加した。gestureha... -3.4 2017-10-16 --Pukiwiki1.5.1およびPHP7対応版。Pukiwiki1.4以下の環境で... **googlemaps3機能要約 [#a7eadfb4] -1ページ内に複数の地図を表示できる。 -OverviewMapコントロールが表示できる。 -アイコンを表示しないマーカーのようなもの（謎）を作れる（... -マーカーを一時的に隠したりできる。googlemaps3のtogglemar... -アイコンの透明度の型抜きオプションが指定できる。googlema... -地図に線が引ける。 -define, classオプションで繰り返し書くオプションを省略で... -マーカーのタイトルがツールチップで表示できる。 -マーカーの登録が簡単にできるgooglemaps3_insertmarkerプラ... -地図に塗りつぶしポリゴンを描画できる。 -マーカーごとに、表示するズームレベルを指定できる。 -ストリートビュー表示に対応。 -KMLファイルの読み込みに対応。(v3.1～) **旧バージョン(2.3)から3.1の廃止、変更点（この章もういら... -googlemaps3 --keyの廃止。v3でAPI Keyが廃止になったのでそれにあわせて... --apiの廃止。googlemaps(1)とgooglemaps2の互換用パラメータ... --mapctrlの廃止。mapctrlはzoomctrlとpanctrlに分離した。 --overviewwidth, overviewheightの廃止。v3ではOverViewMap... --continuouszoomの廃止。 --googlebarの廃止。GoogleBarはv3で廃止になったため、searc... --geoxmlの廃止。代わりにkmlを使用してください。 --zoomctrlの追加。拡縮(ズーム)コントロール。 --panctrlの追加。移動(パン)コントロール。 --rotatectrlの追加。45度回転地図を表示するらしいが、対応... --streetviewctrlの追加。ストリートビューコントロール。 --searchctrlの追加。検索コントロール。GoogleBarの代わり。 --typeの値にterrain（地形図）を追加。roadmap(デフォの道路... --typectrlの値にhorizontal, dropdownを追加。 --crossctrlの値のshowをnormalに変更した。 -googlemaps3_mark --maxurl, maxcontent, maxtitleの廃止。v3で無くなってしま... --flatの追加。アイコンの影を無くす。 -googlemaps3_icon --変更なし -googlemaps3_draw --変更なし -googlemaps3_insertmarker --maxurlを廃止した。 &aname(change3_1); **3.0から3.1のAPIの変更点 [#m1a13ddd] -googlemaps3 --kmlオプションの追加。 &aname(change3_1_1); **3.1から3.1.1のAPIの変更点 [#e881306c] なし &aname(change3_2); **3.1から3.2のAPIの変更点 [#a764e9ca] -googlemaps3 --preserveviewportオプションの追加。 &aname(change3_3); **3.2から3.3のAPIの変更点 [#neb59ac6] -googlemaps3 --fullscreencontrol, gesturehandlingオプションの追加。 &aname(change3_4); **3.3から3.4のAPIの変更点 [#i35b4787] -googlemaps3 --keyオプションを復活させた。 **Pukiwikiドキュメントの旧バージョン(2.x)から3.xの変更方... +googlemaps2をgooglemaps3に書き換える。 ++mapctrlを使っていた場合は、zoomctrlとpanctrlに書き換え... ++overviewwidth, overviewheightを使ってたら消す。 ++continuouszoomを使ってたら消す。 ++googlebarを使ってたらsearchctrlに書き換える。 ++geoxmlを使ってたらkmlにオプションを変更する。 +googlemaps2_markをgooglemaps3_markに書き換える。 ++maxcontent, maxtitle, maxurlを使ってたら消す。 +googlemaps2_iconをgooglemaps3_iconに書き換える。 +googlemaps2_insertmarkerをgooglemaps3_insertmarkerに書き... **リファレンス [#ec038a3f] ***googlemaps3 [#k218d87a] -書式（オプションを省略するとデフォの値が用いられます） &googlemaps3(?option=value, ...?); #googlemaps3(?option=value, ...?) -オプション --''mapname'' 複数の地図を張る場合に必ずユニークな名前を... --''width'' 横幅。スタイル指定。ex. 640px, 100%など。 --''height'' 縦幅。スタイル指定。 --''lat'' 中心座標の緯度 --''lng'' 中心座標の経度 --''zoom'' 倍率(0～19) --''type'' 地図のタイプ（normal, roadmap, satellite, ... --''zoomctrl'' 地図の倍率変更スライダとかボタン。(none, n... --''panctrl'' 地図の移動。(none,normal) --''typectrl'' 地図と衛星写真の切り替えボタン。（no... --''scalectrl'' 縮尺定規の表示。(none, normal) --''rotatectrl'' 45度回転ボタン。地図が対応していない... --''streetviewctrl'' ストリートビューコントロール。(none,... --''overviewctrl'' オーバービューマップの表示。hide, sh... --''crossctrl'' 地図中央のセンタークロス(none, normal) --''searchctrl'' 検索ボックス(none, normal) --''togglemarker'' マーカーの表示を切り替えるチェックボ... --''noiconname'' togglemarkerで使用する。アイコン無し... --''dbclickzoom'' ダブルクリックでズームする。(true, f... --''kml'' KMLファイルへのURL、もしくはページに... --''preserveviewport'' KML読み込み時にビューポートを変更... --''importicon'' Pukiwikiのページ名。指定されたページ... --''backlinkmarker'' 地図のページへリンクしている全てのペ... --''fullscreencontrol'' 全画面表示にするコントロールの表... --''gesturehandling'' スマホでのタッチ操作の振る舞いを決... -特殊オプション --define --class ***googlemaps3_mark [#r49658fe] &googlemaps3_mark(lat, lng ?, option=value, ...?); #googlemaps3_mark(lat, lng ?, option=value, ...?) -オプション --''map'' マーカーをつけるマップ名。googlemaps3のmapn... --''title'' マーカーの名前 --''caption'' マーカーの説明 --''image'' 画像。名前がhttp～で始まらないものはページ... --''zoom'' 倍率(0～17） --''icon'' マーカーのアイコン（googlemaps3_iconでicon... --''nolist'' 地図以外のマーカーリスト（上の例でいえば地... --''noinfowindow'' フキダシを表示しない(0 or 1) --''noicon'' アイコンを表示しない(0 or 1)。これがtr... --''alink'' マップ上のinfoWindowと本文中のテキスト... --''maxzoom'' マーカーを表示する、地図の最大ズーム値(0～17) --''minzoom'' マーカーを表示する、地図の最小ズーム値(0～17) --''titleispagename'' titleをページ名にする。 -特殊オプション --define --class 出力されるリストとマーカーのフキダシの書式を変更するにはg... PLUGIN_GOOGLEMAPS3_MK_DEF_FORMATLIST　と　PLUGIN_GOOGLEMA... 書き換えてください。これらの定数で定義されているテンプレ... ***googlemaps3_icon [#x939cc6f] &googlemaps3_icon(name, ?, option=value, ...?); #googlemaps3_icon(name, ?, option=value, ...?) -オプション --''image'' アイコン画像 --''shadow'' 影の画像 --''iw'' アイコン画像の横幅 --''ih'' アイコン画像の縦幅 --''sw'' 影の画像の横幅 --''sh'' 影の画像の縦幅 --''ianchorx'' アイコンの位置調整 --''ianchory'' アイコンの位置調整 --''sanchorx'' フキダシの位置調整 --''sanchory'' フキダシの位置調整 --''area'' アイコンの透明領域のcoordsリスト。クリ... --''transparent'' アイコンの透明領域指定用pngファイル。 -特殊オプション --define --class googlemaps3_iconの第一引数でアイコンの名前を指定します。~ 以下の引数でアイコンと、アイコンの影のURLとそれぞれのサイ... アイコンと影は左上の座標を原点にして重ねて表示されます。~ オプションのianchorx, ianchoryはアイコンと影の表示位置を... sanchorxとsanchoryはマーカーをクリックしたときに表示され... アイコンの画像ではページ添付された画像を使うことはできま... -アイコンの作り方 TODO ***googlemaps3_draw [#we33cf1e] &googlemaps3_draw(command, ?, option=value, ...?); #googlemaps3_draw(command, ?, option=value, ...?) コマンドで描画を指定して、そのコマンドが必要とするオプシ... -コマンド --''line'' //(35.1, 135.1) (35.2, 135.2) (35.3, 135.3) を通る線を引... &googlemaps3_draw(line, width=10, opacity=0.5, color=#00... ---省略可能オプション~ map, weight, opacity, color --''rectangle'' //(35.1, 135.1)と対角が(35.2, 135.2) の四角形 &googlemaps3_draw(rectangle, lat1=35.1, lng1=135.1, lat2... ---省略可能オプション~ map, lat1, lng1, lat2, lng2, weight, opacity, color, fill... --''circle'' //(35.0,135.0)を中心とした半径10kmの円 &googlemaps3_draw(circle, lat=35.0, lng=135.0, radius=10); ---省略可能オプション~ map, lat, lng, radius, weight, opacity, color, fillopacit... --''arc'' //(35.0,135.0)を中心とした半径10kmの0度から180度までの弧... &googlemaps3_draw(arc, lat=35.0, lng=135.0, radius=10, s... ---省略可能オプション~ map, lat, lng, radius, inradius, stangle, edangle, weight... --''ngon'' //(35.0,135.0)を中心とした半径10kmの正5角形の描画 &googlemaps3_draw(ngon, lat=35.0, lng=135.0, radius=10, ... ---省略可能オプション~ map, lat, lng, radius, rotate, n, weight, opacity, color,... --''polygon'' //(35.1, 135.1) (35.2, 135.2) (35.3, 135.3) を頂点とする... &googlemaps3_draw(polygon, width=10, opacity=0.5, color=... ---省略可能オプション~ map, weight, opacity, color, fillopacity, fillcolor -オプション --''opacity '' 線の透明度 0.0～1.0 --''weight'' 線の太さ --''color'' 線の色 #RRGGBB指定 --''fillcolor'' 塗りつぶしの色 #RRGGBB指定 (2.2から) --''fillopacity'' 塗りつぶしの透明度 0.0～1.0 (2.2から) --''map'' 描画対象のmap名 --''lat'' 緯度 --''lng'' 経度 --''lat1'' 緯度1 --''lng1'' 経度1 --''lat2'' 緯度2 --''lng2'' 経度2 --''radius'' 半径。単位はkm --''inradius'' arcを描画する時の内側の半径。単位はkm。(2.... --''stangle'' 開始角 --''edangle'' 終了角 --''rotate'' 回転度数 --''n'' 正n角形の頂点数 -特殊オプション --define --class ***googlemaps3_insertmarker [#j8da697e] #googlemaps3_insertmarker(?, option=value, ...?) ''ブロック型しかありません！'' -オプション --''map'' マーカーをつけるマップ名。googlemaps3の... --''direction'' マーカーリストを上に追加していくか、下... フォームからマップの中央にマーカーを登録する。ドラッグし... ***define, classオプションを使ったオプションの省略 [#id0c... 基本的に、これらのプラグインはoption=value形式でオプショ... たとえば、次のように色違いのアイコンを３つ定義するとする。 &googlemaps3_icon(神社, image=http://reddog.s35.xrea.com... &googlemaps3_icon(仏閣, image=http://reddog.s35.xrea.com... &googlemaps3_icon(古墳, image=http://reddog.s35.xrea.com... アイコンは同じ形状で色違いなだけで第一引数の名前と、image... &googlemaps3_icon(dummy, define=mkan, image=http://reddo... &googlemaps3_icon(神社, class=mkan, image=http://reddog.... &googlemaps3_icon(仏閣, class=mkan, image=http://reddog.... &googlemaps3_icon(古墳, class=mkan, image=http://reddog.... このように同じオプションを繰り返して書くのを省いてごちゃ... ~ [[PukiwikiでGoogleMaps3サンプル]]も見てみてください。~ ~ 注意：今のところdefineの中にclassを指定して継承したり、複... ***googlemaps3_drawのオプションの省略 [#h13efb09] googlemaps3_drawにもdefine, classは一応作ったのだけど、実... &googlemaps3_draw(circle, map=tmap, radius=1, lat=35.00,... &googlemaps3_draw(circle, radius=2); &googlemaps3_draw(circle, radius=3); &googlemaps3_draw(circle, radius=4); のように最初のコマンドと同じパラメータは省略できる。次に... &googlemaps3_draw(circle, radius=10, color=#00FF00); のようにcolorオプションを変更する。 ~ [[PukiwikiでGoogleMaps3サンプル]]も見てみてください。~ ~ ***その他 [#d22c7ab5] -デフォルトの値を変えたいとか、もう少しあれをなんとかした... -省略可能な引数のオプションは順番もどうでもいいです。 **サンプル色々 [#lfad01e9] [[PukiwikiでGoogleMaps3サンプル]] **コメントをどーぞ [#re81599d] - v3化対応ありがとうございます。この対応を待ってました（... - googlemaps2を最近利用させて頂いていました。今回3を拝見... -- KMLファイルの読み込み機能を追加するのでしばらくお待ち... - reddogさん、早々のご回答及びKMLファイルへのご対応感謝い... - 対応ありがとうございます。広告もぽちしておきました -- [... - 「Pukiwikiドキュメントの旧バージョン(2.x)から3.xの変更... - こんにちは。XOOPS用の PukiWiki モジュールの xpWiki とい... - [[PukiwikiでGoogleMaps3サンプル_アイコンの無いマーカー... -- バグ修正しました。 -- reddog &new{2013-07-21 (日) 23:1... - 直りました。早速の対応ありがとうございます。 -- &new{2... - ありがたく使わせて頂いてます。2から3にバージョンアップ... - すいません途中で書き込んでしまいました。2から3にバージ... -- zoomが設定されていても、kmlを読み込むとそのルートの全... - kmzをgoogleの仕様通り作成したところ、kmlと同様に動作す... -- 3.2でpreserveviewportオプションを追加しました。trueに... - 非常に速い対応ありがとうございます。無事に[[当サイト>ht... -- ズームが有効とはどういう状態のことを言ってるのでしょう... -- 言ってる意味わかりました。直しました。ありがとうござい... - 対応ありがとうございます。完璧に動作しています。素晴ら... - すばらしいプラグインありがとうございます。マーカーの場... -- 緯度経度から標高を求めることはできますが、それを具体的... - こちらのプラグインを利用させて頂いたところやりたいこと... - こちらのプラグインを利用させて頂いたところやりたいこと... - http://wisteriahill.sakura.ne.jp/GMAP/GMAP_ALTITUDE_II/... -- LAT/LNGが表示されているテキストボックスの横に、標高が... - お世話になっております。kmlファイルを読み込んで利用して... -- [[PukiwikiでGoogleMaps3サンプル_KML]]で試してみました... - 早速のテスト・返信ありがとうございます。いくつか再現テ... - リンク表示されない原因が判明しました。KMLファイルのdesc... - スマホだと強制的に指二本じゃないとマップ移動できない仕... -- 3.3.0にてgesturehandling=greedyしてください。 -- reddo... - ありがとうごぜます！！ -- 禅 &new{2017-05-31 (水) 17:33... - すみません、UTF-8版がダウンロードできません。よろしくお... -- なおしました。すいません -- reddog &new{2017-06-01 (木... - 不躾な要望で申し訳ないのですが、引数に緯度経度ではなく... - そろそろphp7系で動かしたいです。php7対応のpukiwiki 1.5.... - 私もPHP7&1.51版を熱望いたします。どうかよろしくお願いし... -- わかりました -- reddog &new{2017-10-11 (水) 16:21:50}; - 対応ありがとうございました。助かりました。 -- qwrt &new... - Pukiwiki1.5.1/PHP7対応ありがとうございました。 -- 加藤... - いつもお世話になります。googlemaps3.inc.phpに要修正箇所... #comment ---- [[PukiwikiでGoogleMaps]] [[PukiwikiでGoogleMaps2]] [[CategoryJavaScript]] [[CategoryGoogle]] [[CategoryPukiw...

End:
**更新概略 [#l4a46537] 2012-10-27 3.0.0 GoogleMaps JavaScript API v3に変更をしま... 2012-12-01 3.1.0 KMLファイルの読込みに対応した。[[履歴>#h... 2013-07-21 3.1.1 バグ修正。[[履歴>#history]]と[[3.1.1の変... 2014-01-06 3.2.0 KML読み込み時にビューポートを変更しない... 2017-05-31 3.3.0 タッチ操作のハンドリングを変更するオプシ... 2017-10-16 3.4.0 PHP7/Pukiwiki1.5.1対応。[[履歴>#history]... ---- **サンプル [#z08dcf53] &googlemaps3(width=300px, height=200px, zoomctrl=small, s... &googlemaps3_icon(神社, image=http://reddog.s35.xrea.com/... -&googlemaps3_mark(35.039379, 135.729248, title=金閣寺, c... -&googlemaps3_mark(35.031087, 135.735106, title=北野天満... -&googlemaps3_mark(35.028723, 135.712963, title=仁和寺,ca... -&googlemaps3_mark(35.034477, 135.718348, title=龍安寺,ca... こんな風に書く &googlemaps3(width=300px, height=200px, zoomctrl=small, ... &googlemaps3_icon(神社, image=http://reddog.s35.xrea.com... -&googlemaps3_mark(35.039379, 135.729248, title=金閣寺, ... -&googlemaps3_mark(35.031087, 135.735106, title=北野天満... -&googlemaps3_mark(35.028723, 135.712963, title=仁和寺,c... -&googlemaps3_mark(35.034477, 135.718348, title=龍安寺,c... **動作環境 [#vbf9d258] Pukiwiki1.5.1/PHP7をUTF-8で使っています。~ DTD宣言でXHTMLをHTML 4.01 Transitionalとして宣言してあり... FirefoxとChromeで超適当に動作確認。動かない環境がありそう... **ライセンス [#zb45801d] BSD-Styleのライセンスです。~ ~ Google Maps APIそのものの使用条件は、[[Google Maps API Te... +ユーザーが無料でアクセスできるなら商用、個人問わず自由に... +イントラネットは不可。 +一日50万ページビューのときは事前に申告する。 ~ということらしいです。この条件に合わない時は、[[エンター... **ダウンロード [#c9fb8225] -3.3~ --EUC-JP版~ http://reddog.s35.xrea.com/software/googlemaps-3.3.0-eucj... --UTF-8版~ http://reddog.s35.xrea.com/software/googlemaps-3.3.0-utf8... -3.4(Pukiwiki1.5.1対応)~ --EUC-JP版~ http://reddog.s35.xrea.com/software/googlemaps-3.4.0-eucj... --UTF-8版~ http://reddog.s35.xrea.com/software/googlemaps-3.4.0-utf8... #htmlinsert(adBigRect) **インストール [#e3587e90] +pluginディレクトリにgooglemaps3.inc.phpとgooglemaps3_mar... **わかっている不具合 [#dc6b0486] -あまりデバッグをしていないのであやしい。携帯とかダメかも。 &aname(history); **履歴 [#n73ce460] -1.1 2005-09-25 --リリース -2.0 2006-04-20 --Googlemapsのverion2のAPIに対応した。大幅仕様変更。名前... -3.0 2012-10-27 --Googlemapsのverion3のAPIに対応した。大幅仕様変更。名前... -3.1 2012-12-01 --KMLファイルの読込みに対応した。geoxmlの代わりにこれを使... -3.1.1 2013-07-21 --マーカーのズームが機能してなかったバグを修正した。 -3.2 2014-01-06 --KMLファイルの読込み時にビューポートを変更しないオプショ... -3.3 2017-05-31 --フルスクリーン表示コントロールのオプションを追加した。f... --タッチ操作での振る舞いのオプションを追加した。gestureha... -3.4 2017-10-16 --Pukiwiki1.5.1およびPHP7対応版。Pukiwiki1.4以下の環境で... **googlemaps3機能要約 [#a7eadfb4] -1ページ内に複数の地図を表示できる。 -OverviewMapコントロールが表示できる。 -アイコンを表示しないマーカーのようなもの（謎）を作れる（... -マーカーを一時的に隠したりできる。googlemaps3のtogglemar... -アイコンの透明度の型抜きオプションが指定できる。googlema... -地図に線が引ける。 -define, classオプションで繰り返し書くオプションを省略で... -マーカーのタイトルがツールチップで表示できる。 -マーカーの登録が簡単にできるgooglemaps3_insertmarkerプラ... -地図に塗りつぶしポリゴンを描画できる。 -マーカーごとに、表示するズームレベルを指定できる。 -ストリートビュー表示に対応。 -KMLファイルの読み込みに対応。(v3.1～) **旧バージョン(2.3)から3.1の廃止、変更点（この章もういら... -googlemaps3 --keyの廃止。v3でAPI Keyが廃止になったのでそれにあわせて... --apiの廃止。googlemaps(1)とgooglemaps2の互換用パラメータ... --mapctrlの廃止。mapctrlはzoomctrlとpanctrlに分離した。 --overviewwidth, overviewheightの廃止。v3ではOverViewMap... --continuouszoomの廃止。 --googlebarの廃止。GoogleBarはv3で廃止になったため、searc... --geoxmlの廃止。代わりにkmlを使用してください。 --zoomctrlの追加。拡縮(ズーム)コントロール。 --panctrlの追加。移動(パン)コントロール。 --rotatectrlの追加。45度回転地図を表示するらしいが、対応... --streetviewctrlの追加。ストリートビューコントロール。 --searchctrlの追加。検索コントロール。GoogleBarの代わり。 --typeの値にterrain（地形図）を追加。roadmap(デフォの道路... --typectrlの値にhorizontal, dropdownを追加。 --crossctrlの値のshowをnormalに変更した。 -googlemaps3_mark --maxurl, maxcontent, maxtitleの廃止。v3で無くなってしま... --flatの追加。アイコンの影を無くす。 -googlemaps3_icon --変更なし -googlemaps3_draw --変更なし -googlemaps3_insertmarker --maxurlを廃止した。 &aname(change3_1); **3.0から3.1のAPIの変更点 [#m1a13ddd] -googlemaps3 --kmlオプションの追加。 &aname(change3_1_1); **3.1から3.1.1のAPIの変更点 [#e881306c] なし &aname(change3_2); **3.1から3.2のAPIの変更点 [#a764e9ca] -googlemaps3 --preserveviewportオプションの追加。 &aname(change3_3); **3.2から3.3のAPIの変更点 [#neb59ac6] -googlemaps3 --fullscreencontrol, gesturehandlingオプションの追加。 &aname(change3_4); **3.3から3.4のAPIの変更点 [#i35b4787] -googlemaps3 --keyオプションを復活させた。 **Pukiwikiドキュメントの旧バージョン(2.x)から3.xの変更方... +googlemaps2をgooglemaps3に書き換える。 ++mapctrlを使っていた場合は、zoomctrlとpanctrlに書き換え... ++overviewwidth, overviewheightを使ってたら消す。 ++continuouszoomを使ってたら消す。 ++googlebarを使ってたらsearchctrlに書き換える。 ++geoxmlを使ってたらkmlにオプションを変更する。 +googlemaps2_markをgooglemaps3_markに書き換える。 ++maxcontent, maxtitle, maxurlを使ってたら消す。 +googlemaps2_iconをgooglemaps3_iconに書き換える。 +googlemaps2_insertmarkerをgooglemaps3_insertmarkerに書き... **リファレンス [#ec038a3f] ***googlemaps3 [#k218d87a] -書式（オプションを省略するとデフォの値が用いられます） &googlemaps3(?option=value, ...?); #googlemaps3(?option=value, ...?) -オプション --''mapname'' 複数の地図を張る場合に必ずユニークな名前を... --''width'' 横幅。スタイル指定。ex. 640px, 100%など。 --''height'' 縦幅。スタイル指定。 --''lat'' 中心座標の緯度 --''lng'' 中心座標の経度 --''zoom'' 倍率(0～19) --''type'' 地図のタイプ（normal, roadmap, satellite, ... --''zoomctrl'' 地図の倍率変更スライダとかボタン。(none, n... --''panctrl'' 地図の移動。(none,normal) --''typectrl'' 地図と衛星写真の切り替えボタン。（no... --''scalectrl'' 縮尺定規の表示。(none, normal) --''rotatectrl'' 45度回転ボタン。地図が対応していない... --''streetviewctrl'' ストリートビューコントロール。(none,... --''overviewctrl'' オーバービューマップの表示。hide, sh... --''crossctrl'' 地図中央のセンタークロス(none, normal) --''searchctrl'' 検索ボックス(none, normal) --''togglemarker'' マーカーの表示を切り替えるチェックボ... --''noiconname'' togglemarkerで使用する。アイコン無し... --''dbclickzoom'' ダブルクリックでズームする。(true, f... --''kml'' KMLファイルへのURL、もしくはページに... --''preserveviewport'' KML読み込み時にビューポートを変更... --''importicon'' Pukiwikiのページ名。指定されたページ... --''backlinkmarker'' 地図のページへリンクしている全てのペ... --''fullscreencontrol'' 全画面表示にするコントロールの表... --''gesturehandling'' スマホでのタッチ操作の振る舞いを決... -特殊オプション --define --class ***googlemaps3_mark [#r49658fe] &googlemaps3_mark(lat, lng ?, option=value, ...?); #googlemaps3_mark(lat, lng ?, option=value, ...?) -オプション --''map'' マーカーをつけるマップ名。googlemaps3のmapn... --''title'' マーカーの名前 --''caption'' マーカーの説明 --''image'' 画像。名前がhttp～で始まらないものはページ... --''zoom'' 倍率(0～17） --''icon'' マーカーのアイコン（googlemaps3_iconでicon... --''nolist'' 地図以外のマーカーリスト（上の例でいえば地... --''noinfowindow'' フキダシを表示しない(0 or 1) --''noicon'' アイコンを表示しない(0 or 1)。これがtr... --''alink'' マップ上のinfoWindowと本文中のテキスト... --''maxzoom'' マーカーを表示する、地図の最大ズーム値(0～17) --''minzoom'' マーカーを表示する、地図の最小ズーム値(0～17) --''titleispagename'' titleをページ名にする。 -特殊オプション --define --class 出力されるリストとマーカーのフキダシの書式を変更するにはg... PLUGIN_GOOGLEMAPS3_MK_DEF_FORMATLIST　と　PLUGIN_GOOGLEMA... 書き換えてください。これらの定数で定義されているテンプレ... ***googlemaps3_icon [#x939cc6f] &googlemaps3_icon(name, ?, option=value, ...?); #googlemaps3_icon(name, ?, option=value, ...?) -オプション --''image'' アイコン画像 --''shadow'' 影の画像 --''iw'' アイコン画像の横幅 --''ih'' アイコン画像の縦幅 --''sw'' 影の画像の横幅 --''sh'' 影の画像の縦幅 --''ianchorx'' アイコンの位置調整 --''ianchory'' アイコンの位置調整 --''sanchorx'' フキダシの位置調整 --''sanchory'' フキダシの位置調整 --''area'' アイコンの透明領域のcoordsリスト。クリ... --''transparent'' アイコンの透明領域指定用pngファイル。 -特殊オプション --define --class googlemaps3_iconの第一引数でアイコンの名前を指定します。~ 以下の引数でアイコンと、アイコンの影のURLとそれぞれのサイ... アイコンと影は左上の座標を原点にして重ねて表示されます。~ オプションのianchorx, ianchoryはアイコンと影の表示位置を... sanchorxとsanchoryはマーカーをクリックしたときに表示され... アイコンの画像ではページ添付された画像を使うことはできま... -アイコンの作り方 TODO ***googlemaps3_draw [#we33cf1e] &googlemaps3_draw(command, ?, option=value, ...?); #googlemaps3_draw(command, ?, option=value, ...?) コマンドで描画を指定して、そのコマンドが必要とするオプシ... -コマンド --''line'' //(35.1, 135.1) (35.2, 135.2) (35.3, 135.3) を通る線を引... &googlemaps3_draw(line, width=10, opacity=0.5, color=#00... ---省略可能オプション~ map, weight, opacity, color --''rectangle'' //(35.1, 135.1)と対角が(35.2, 135.2) の四角形 &googlemaps3_draw(rectangle, lat1=35.1, lng1=135.1, lat2... ---省略可能オプション~ map, lat1, lng1, lat2, lng2, weight, opacity, color, fill... --''circle'' //(35.0,135.0)を中心とした半径10kmの円 &googlemaps3_draw(circle, lat=35.0, lng=135.0, radius=10); ---省略可能オプション~ map, lat, lng, radius, weight, opacity, color, fillopacit... --''arc'' //(35.0,135.0)を中心とした半径10kmの0度から180度までの弧... &googlemaps3_draw(arc, lat=35.0, lng=135.0, radius=10, s... ---省略可能オプション~ map, lat, lng, radius, inradius, stangle, edangle, weight... --''ngon'' //(35.0,135.0)を中心とした半径10kmの正5角形の描画 &googlemaps3_draw(ngon, lat=35.0, lng=135.0, radius=10, ... ---省略可能オプション~ map, lat, lng, radius, rotate, n, weight, opacity, color,... --''polygon'' //(35.1, 135.1) (35.2, 135.2) (35.3, 135.3) を頂点とする... &googlemaps3_draw(polygon, width=10, opacity=0.5, color=... ---省略可能オプション~ map, weight, opacity, color, fillopacity, fillcolor -オプション --''opacity '' 線の透明度 0.0～1.0 --''weight'' 線の太さ --''color'' 線の色 #RRGGBB指定 --''fillcolor'' 塗りつぶしの色 #RRGGBB指定 (2.2から) --''fillopacity'' 塗りつぶしの透明度 0.0～1.0 (2.2から) --''map'' 描画対象のmap名 --''lat'' 緯度 --''lng'' 経度 --''lat1'' 緯度1 --''lng1'' 経度1 --''lat2'' 緯度2 --''lng2'' 経度2 --''radius'' 半径。単位はkm --''inradius'' arcを描画する時の内側の半径。単位はkm。(2.... --''stangle'' 開始角 --''edangle'' 終了角 --''rotate'' 回転度数 --''n'' 正n角形の頂点数 -特殊オプション --define --class ***googlemaps3_insertmarker [#j8da697e] #googlemaps3_insertmarker(?, option=value, ...?) ''ブロック型しかありません！'' -オプション --''map'' マーカーをつけるマップ名。googlemaps3の... --''direction'' マーカーリストを上に追加していくか、下... フォームからマップの中央にマーカーを登録する。ドラッグし... ***define, classオプションを使ったオプションの省略 [#id0c... 基本的に、これらのプラグインはoption=value形式でオプショ... たとえば、次のように色違いのアイコンを３つ定義するとする。 &googlemaps3_icon(神社, image=http://reddog.s35.xrea.com... &googlemaps3_icon(仏閣, image=http://reddog.s35.xrea.com... &googlemaps3_icon(古墳, image=http://reddog.s35.xrea.com... アイコンは同じ形状で色違いなだけで第一引数の名前と、image... &googlemaps3_icon(dummy, define=mkan, image=http://reddo... &googlemaps3_icon(神社, class=mkan, image=http://reddog.... &googlemaps3_icon(仏閣, class=mkan, image=http://reddog.... &googlemaps3_icon(古墳, class=mkan, image=http://reddog.... このように同じオプションを繰り返して書くのを省いてごちゃ... ~ [[PukiwikiでGoogleMaps3サンプル]]も見てみてください。~ ~ 注意：今のところdefineの中にclassを指定して継承したり、複... ***googlemaps3_drawのオプションの省略 [#h13efb09] googlemaps3_drawにもdefine, classは一応作ったのだけど、実... &googlemaps3_draw(circle, map=tmap, radius=1, lat=35.00,... &googlemaps3_draw(circle, radius=2); &googlemaps3_draw(circle, radius=3); &googlemaps3_draw(circle, radius=4); のように最初のコマンドと同じパラメータは省略できる。次に... &googlemaps3_draw(circle, radius=10, color=#00FF00); のようにcolorオプションを変更する。 ~ [[PukiwikiでGoogleMaps3サンプル]]も見てみてください。~ ~ ***その他 [#d22c7ab5] -デフォルトの値を変えたいとか、もう少しあれをなんとかした... -省略可能な引数のオプションは順番もどうでもいいです。 **サンプル色々 [#lfad01e9] [[PukiwikiでGoogleMaps3サンプル]] **コメントをどーぞ [#re81599d] - v3化対応ありがとうございます。この対応を待ってました（... - googlemaps2を最近利用させて頂いていました。今回3を拝見... -- KMLファイルの読み込み機能を追加するのでしばらくお待ち... - reddogさん、早々のご回答及びKMLファイルへのご対応感謝い... - 対応ありがとうございます。広告もぽちしておきました -- [... - 「Pukiwikiドキュメントの旧バージョン(2.x)から3.xの変更... - こんにちは。XOOPS用の PukiWiki モジュールの xpWiki とい... - [[PukiwikiでGoogleMaps3サンプル_アイコンの無いマーカー... -- バグ修正しました。 -- reddog &new{2013-07-21 (日) 23:1... - 直りました。早速の対応ありがとうございます。 -- &new{2... - ありがたく使わせて頂いてます。2から3にバージョンアップ... - すいません途中で書き込んでしまいました。2から3にバージ... -- zoomが設定されていても、kmlを読み込むとそのルートの全... - kmzをgoogleの仕様通り作成したところ、kmlと同様に動作す... -- 3.2でpreserveviewportオプションを追加しました。trueに... - 非常に速い対応ありがとうございます。無事に[[当サイト>ht... -- ズームが有効とはどういう状態のことを言ってるのでしょう... -- 言ってる意味わかりました。直しました。ありがとうござい... - 対応ありがとうございます。完璧に動作しています。素晴ら... - すばらしいプラグインありがとうございます。マーカーの場... -- 緯度経度から標高を求めることはできますが、それを具体的... - こちらのプラグインを利用させて頂いたところやりたいこと... - こちらのプラグインを利用させて頂いたところやりたいこと... - http://wisteriahill.sakura.ne.jp/GMAP/GMAP_ALTITUDE_II/... -- LAT/LNGが表示されているテキストボックスの横に、標高が... - お世話になっております。kmlファイルを読み込んで利用して... -- [[PukiwikiでGoogleMaps3サンプル_KML]]で試してみました... - 早速のテスト・返信ありがとうございます。いくつか再現テ... - リンク表示されない原因が判明しました。KMLファイルのdesc... - スマホだと強制的に指二本じゃないとマップ移動できない仕... -- 3.3.0にてgesturehandling=greedyしてください。 -- reddo... - ありがとうごぜます！！ -- 禅 &new{2017-05-31 (水) 17:33... - すみません、UTF-8版がダウンロードできません。よろしくお... -- なおしました。すいません -- reddog &new{2017-06-01 (木... - 不躾な要望で申し訳ないのですが、引数に緯度経度ではなく... - そろそろphp7系で動かしたいです。php7対応のpukiwiki 1.5.... - 私もPHP7&1.51版を熱望いたします。どうかよろしくお願いし... -- わかりました -- reddog &new{2017-10-11 (水) 16:21:50}; - 対応ありがとうございました。助かりました。 -- qwrt &new... - Pukiwiki1.5.1/PHP7対応ありがとうございました。 -- 加藤... - いつもお世話になります。googlemaps3.inc.phpに要修正箇所... #comment ---- [[PukiwikiでGoogleMaps]] [[PukiwikiでGoogleMaps2]] [[CategoryJavaScript]] [[CategoryGoogle]] [[CategoryPukiw...

Page: