スポンサードリンク

Category Archives: ホームページ作成

地図のズームレベル(zoom level)を取り出す。条件分岐式 if文 if() else if() else()と条件式switch


◆ Google Maps API v3 /地図のズームレベルを変数として使用する。

以前に作成したこのマップ 地図のズームレベルをvar zoom =  map.getZoom();で取り出して、地図のズームレベルによってデータベースからマーカーを読み出す半径の変数としてつかっていた。

今回、条件式if文にかわるswitchなるものを知ったので試してみた。

Read more »

bodyタグでのonloadイベントを外部Scriptファイルに記述する方法

◆<body onload=”initialize()”>をbodyタグの代わりにscriptに記述したい・・・・。

あちこちのサイト覗いても良くわからないのでscriptへ下記を記述したらOKでした。scriptの最後に書いておけば良いのか?

まあ、動くのでメモ。

Read more »

iPhone(アイフォン)用サイトを作成したい(1)。無料UiUlKitでホームページを作成してみる

◆ iPhone(アイフォン)用サイトの作成にチャレンジ

Google Mapsを外出時にiPhone(アイフォン)で切り替えて使うには、専用のアプリケーション用ソフトが必要らしいので、今回は見送り。Google Codeを検索

The UiUIKit (Universal iPhone UI Kit)ならiPhone(アイフォン)用のサイトを容易に製作できるというので試してみる。このkitは、Google codeのiphone-universalのページ右端にあるFeatured downloads:から、UiUIKit-2.1.zipをダウンロード。

Read more »

アニメーションGIFアイコン「NEW」リンク集

◆無料のアニメーションGIFアイコン「New」を探す。

Newと表示されるGISアニメーションアイコンをさがしてみた。やはり海外か・・・。

Read more »

データ読み込み中であることを表示するローディングGIF画像

◆Google Maps JavaScript API V3 ローディング中であることを表示するGIF画像

グーグルマップを読み込むまでのわずかの間だが、データを読み込み中であることを知らせたい。 文字で、loading・・・・・なんて、HTMLの書いたりしますよね。ちょいとお遊びでかっこいいGIF画像にしてみては。かっこいいGIFがあったので、あそんでみた。 いままでは、

<div id=”map_canvas” >Loading…</div>

◆ローディング中であることを表示するGIF画像サンプル

Read more »

Googel Maps API 全画面表示のスタイルシート(CSS)設定

地図を全画面表示させるためのスタイルシートを個人用にメモ。

<style type=”text/css”>

html {

height: 100% ;

}

body {

height: 100%; margin: 0px; padding: 0px ;

}

#map_canvas {

height: 100% ;

}

</style>

.htaccessファイルのリダイレクトの記述-記事を指定して移動・引越し・転送

記事やページのURLを引っ越すときに便利なのが.htaccessファイル メモ帳で下記を記述、名前をつけて保存時に、全てのファイルを選んでファイル名を「.htaccess」として保存。文字コードはANSI。

ディレクトリごとリダイレクトさせる場合は、.htaccessファイルに

Redirect permanent /kaigai/ http://www.shtml.jp/kaigai/

と記述すれば、http://waox.main.jp/kaigai/のファイルをhttp://nao.chips.jp/kaigaiにリダイレクトさせることが可能です。

 

 

Read more »

Google Maps APIの全画面表示スタイルシート フルスクリーン高さ100%の指定

Google Maps APIで地図の高さを100%にして、フルスクリーンにする方法

日本語サイトには、説明の良いサイトが無かったので、海外サイトを見ていたらありました。(感謝!)

地図左上に”Show Highlighted Code”があるのでクリック。HTM記述がハイライト表示でわかりやすく記述されています。

Read more »

Highslide でリンク先サイトのHTMLをIframeで表示させてみる。

Auto Hislideプラグインもいいけどあまり自由が利かないので・・・・。
プラグインじゃないですが・・・・見つからなかったので
凝りたければ、本家サイトからHislide.js本体とグラフィックをダウンロードしてカスタマイズ。

◆設定が必要なファイルは次のとおり

上記ダウンロードしたファイルから、次のファイルとグラフィックフォルダを保存したURLを指定。

js×2、css×1。

URLとグラフィックのタイプを選定。サンプルは、本家のexampleページを参照下さい。
Read more »

bodyタグでのonloadイベント body onload=”onLoad()” を外部Scriptファイルに記述する方法

<body onload=”onLoad()”>等のイベントをwordpress(php)でGoogle Maps APIをやる場合にどうしたらいいかなと、v3をチラ見していたら、この方のv3の記述でふと・・・window.onload ・・・・ブラウザによっては問題があるようなこともどこかのサイトに書いてありましたがまあOKで。

Scriptファイル内にbodyタグのイベント記述する方法なのですが、次のようなもの。wordpressでは重宝。


サンプル
  • bodyタグでイベント指定
<body onload=”load();” onunload=”GUnload();”>
<script type=”text/javascript”>
// <![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map100 = new GMap2(document.getElementById(“map”));
map.setCenter(new GLatLng(35.71515, 139.39008), 17, G_SATELLITE_MAP);
var marker = new GMarker(map100.getCenter());
map.addOverlay(marker);
}
}
// ]]>
</script>
2 / 3123

スポンサードリンク