« Polygon の汎用性・発展性     [No.87] Aresti - Cabernet Sauvignon 2006 »

Google Maps Flash ひな型配布

「フラッシュの Google Maps API 使いたいけど ActionScript とか FLEX とかワケわかんねェ」・・・という文系の諸兄に、シンプルひながた一括パック。エディタで文字を書き換えるだけ。

ダウンロード: FlashMap.zip (283KB)

サンプル:

ZIP の内容:
(1) Gmap.swf = フラッシュ本体。
(2) Gmap.html = デモのHTMLファイル。13行目の「YOUR_KEY」に固有の API キーを貼り付け。
(3) locations.xml = 位置情報を収録するXMLファイル。これを編集するだけ。

現状では以下のように例を記述。

<?xml version="1.0" encoding="UTF-8"?>
<markers>
  <marker lat="35.672315" lng="139.758292" label="帝国ホテル" memo="〒100-8558 東京都..." />
  <marker lat="35.680865" lng="139.734002" label="ホテルニューオータニ" memo="〒102-8578..." />
</markers>

lat、lng、label、memo の4項目をお好きに。

lat, lng 値の取得は、このツールで

XML編集はエディタで(例:EmEditor フリー版)。UTF-8で保存、ただし、「locations.xml」という名前を変えてはダメ。

あと ZIP には、
(4) swfobject.js = Valid なページにするとか、ありがたやなので
(5) expressInstall.swf = Flash Player がない(古い)という閲覧者のため ・・・も同梱。

上の例は幅480ピクセル、高さ360ピクセル。しかしフラッシュ(SWF)ファイル自体は幅・高さとも100%で作ってあるので、変更はいかようにでも(html の15行目)。
以上のファイル5点をサーバーの同じ階層にアップロードしたら、できあがり。組織や団体とかの簡単なアクセスマップなどに適当かも?

追記:フキダシ内に html タグを使用できる(リンクや画像を挿入できる)版=サンプルダウンロード:gmap2.zip

このほかのサンプルとかデモとか。


コメント

※Sign in または Sign up しなくてもコメントできます

師匠!早速DLさせていただきました。^^
噂のフラッシュ版がどういうものなのか、勉強させていただきます。
地図の手入れの前にトップページから、見やすいサイトに変身させたいな・・なんて
野望もあり、その野望?と技術、根気が釣り合わない状況です。
暑さのせいにしとこっと。^^;

Seis Pesos :

>> エドルネ さん
師匠! 暑さに負けてはなりません! そういうときはエアコンを消して熱い煎茶です!
いや、ちがう! 生ビールですよ! グイーっとまあ一杯!
・・・ということで福岡で涼んできます。
雨ニモ負ケル風ニモ負ケル、雪ニモ夏ノ暑サニモ負ケル丈夫ジャナイ体ヲ持チ、イツモへらへら笑ツテイル、ソンナ私のマップがもし機能しなかったら、広いココロで許してください。

サイトマップ

サイト内 検索

About

written by Seis Pesos

feedburner  はてなブックマークカウンター

E-Mail

Open-ID

Powered by MT 4.23-ja