ホーム » MovableType

overlibmwsでをポップアップ

Submitted by on 2007年6月13日 – 09:05コメントはありません。

GoogleMaps　API　Keyの取得
Google Maps APIのSign up for a Google Maps API key
I have read and agree with the terms and conditions(printable version)
にチェックを入れて
My web site URL:に自分のHPのアドレスを入れてGenerate　API　Keyをクリック。

overlibmwsのDL
overlibmws DHTML Popup Library

GoogleMapsHTML作成
Geekなぺーじ [インターネット技術メモ]さんの
Google Maps簡単作成ツール：GMapCreatorでGoogle Maps API HTMLコードを作成。

<head>～～～</head>間に追加
<!-- overlibmws.js 各種設定ファイルなので必須です。 -->
<script type="text/javascript" src="http://example.com/archives/overlibmws/overlibmws.js"></script>
<!-- iframecontentmws.js HTML埋め込みポップアップ用 -->
<script type="text/javascript" src="http://example.com/archives/overlibmws/iframecontentmws.js"></script>
<script type="text/javascript" src="http://example.com/archives/overlibmws/overlibmws_draggable.js"></script>
<script type="text/javascript" src="http://example.com/archives/overlibmws/overlibmws_filter.js"></script>
<script type="text/javascript" src="http://example.com/archives/overlibmws/overlibmws_overtwo.js"></script>
<script type="text/javascript" src="http://example.com/archives/overlibmws/overlibmws_scroll.js"></script>
<script type="text/javascript" src="http://example.com/archives/overlibmws/overlibmws_shadow.js"></script>

HTML内に

       <a href="javascript:void(0);"
       onclick="return false;"
       onmouseover="return overlib(
        OLiframeContent('./GoogleMaps/NARA.html', 516, 516, 'if2', 1, 'auto'),
        WIDTH,516, TEXTPADDING,0, BORDER,2, STICKY, DRAGGABLE, CLOSECLICK,
        CAPTIONPADDING,4, CAPTION,'Google Maps',
        MIDX,0, MIDY,0,
        STATUS,'Example with iframe content, a caption and a Close link');"
       onmouseout="nd();">奈良県王寺町</a>

今のところこれだけです。

 

人気度: 1% [?]