delab:

Nucleus Japanでも使用方法についての説明があります(plugins:googlemaps [Nucleus CMS Japan Wiki])が、情報を出しているサイトが少なかったため、正常に動作するまで少し時間がかかったので、Nucleus初心者向けに図入りで解説します

※default skinを例とし、個別ページにGooglemapを表示させます。

NP_GoogleMapsの設置

1. まず最初にGoogleのアカウントとGoogle Maps API keyが必要です。Google Maps APIのページから取得してください。
2. ZIPファイルをダウンロードして、NP_GoogleMaps.phpとgooglemapsフォルダをnucleus/pluginsにアップロードします。pearフォルダをnucleus/libsの下にアップロードします。
3. 管理パネル > プラグインの管理 から、GoogleMapsをインストールします。プラグインの管理内のGoogleMaps - 編集でGoogle MapsのAPIキーと、Flickrの写真を使う場合はAPIキーを入れます。Google MapsのAPIキーはブログごとにも設定可能です。

skin/header.inc

<%GoogleMaps(HEAD)%>
<%parsedinclude(navigation.inc)%>

※default skin以外は、</head>内に記述。

skin/footer.inc </html>の直前に記述

<%GoogleMaps(SCRIPT)%>

記事の投稿時に地図を表示させる

記事の投稿で、地図を表示させたい部分に下記の記述。

<%gmap(inline,p(jp[東京都港区芝公園4-2-8]|yes|東京タワー),m(400|300|map|xs/none/none|3))%>

(インライン表示｜住所｜マーカー有),(地図幅｜地図高さ｜地図タイプ｜MAPコントロール｜ズームレベル)

※記述の参考 : アイテムへの記述 - googlemaps [Nucleus CMS Japan Wiki]

znItemFieldEXと連携した地図の表示

※znItemFieldEXでaddフィールドに住所が入っている場合

管理パネル > テンプレートの編集 > default/item - 編集 > アイテムの本体の表示させたい部分

<%GoogleMaps(inline,p(jp[<:znItemFieldEX(add):>]|yes|< :title:>),m(400|400|map|b/s/s|2))%>

記事の投稿時に、拡張フィールド内に住所情報を入れる

これで個別エントリーに地図が表示させるようになります。

長くなりましたので、NP_MapBlogの設定は次のエントリで

• 2007-07-10
• Article
•