開発メモ - KsGMap
概要 作者が KsGMap 開発中に気づいた点などのメモです。 KsGMap とは関係なく Google Maps API を用いたサイト作りに少しは参考になるかと思い公開しています。 開発当時のものでもしかすると直っていたり変更されている場合もありますので、予めご了承下さい。 基本 文字コード HTML自体の文字コードも UTF-8 でなくては動作しない。 metaタグの指定だけでなく、ファイルの保存も UTF-8 にすること。 APIキー APIキーは申告したサイトでのみしか利用できない。 ディレクトリ 設置するディレクトリはAPIキー取得時に申告したディレクトリと同じ階層に限る。 上位階層はもちろん、下位階層も不可能。但し、将来的には改善する模様。 iframe 既存のサイトやブログに埋め込む場合は iframeタグを用いることもできる。 公式ドキュメント未掲載情報 サテライトにする
googlemapリキッドデザイン対策 - KsGMap
概要 ブラウザのサイズに応じてマップのサイズを変更させる Tips です。 マップの幅をCSSで、% 指定しただけでは潜在的なバグがあります。 説明 例えば、CSSで100%のマップを、横幅100px程度の大きさでブラウザを開き、次に1000px程度に広げます。マップの表示エリアはブラウザ幅と同じですが、実際にマップが表示される幅は400px程度です。 リキッドデザインになっていないサンプルはこちらをクリックして下さい（新しいウィンドウが開きます）。 きちんとしたリキッドデザインにするのは、簡単でリサイズ後に専用のGoogle Maps APIの関数を実行するだけです。 対応ブラウザ／ツール ブラウザ 動作するブラウザは下記の通りです。 IE Firefox Netscape Opera Safari
センターマーカーの表示 - KsGMap
//センターマーカーの定義 var center_marker_icon = new GIcon(); center_marker_icon.image = "./image/centermarker.png"; //マーカーのファイル名 center_marker_icon.shadow = "./image/centermarker_shadow.png"; //影のファイル名（省略可） center_marker_icon.iconSize = new GSize( 23 , 23 ); //マーカーのサイズ（幅,高さ） center_marker_icon.shadowSize = new GSize( 29 , 29 ); //影のサイズ（幅,高さ）（省略可） center_marker_icon.iconAnchor = new GPoint( 11 , 11 ); //中央の
マウスホイールによるズーム機能 - KsGMap
//マウスホイールのイベントを追加 if( navigator.userAgent.match( "MSIE" ) ){ document.getElementById( "map" ).attachEvent( "onmousewheel" , mouseWheelZooming ); } if( navigator.userAgent.match( "Gecko" ) ){ document.getElementById( "map" ).addEventListener( "DOMMouseScroll" , mouseWheelZooming , false ); } if( navigator.userAgent.match( "Safari" ) ){ document.getElementById( "map" ).onmousewheel = mouseWheelZoomi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
汎用 Google Maps API スクリプト“ KsGMap ”
