Markerのクリック処理:Geekなぺーじ
サンプル このサンプルは、Markerがクリックされると、クリックが行われた緯度経度をalert()で表示します。 <!DOCTYPE html> <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map { height: 100% } </style> <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> //<
地図上にマーカーを表示させて、吹き出しに説明を出す
緯度経度を指定してその点を中心として、縦横400ピクセルで地図を表示させ、別の点を緯度経度で指定してマーカーを表示させ、吹き出しまで出します。また、吹き出しが閉じられてしまったら悲しいので、その時だけマーカークリックで再び開くようにしておきます。 今回は地図の中心を新大久保駅(35.701306, 139.700044)、マーカーは新宿駅(35.690921, 139.700258)に表示してます。緯度・経度の取得は「緯度・経度・住所を取得する」で、どうぞ。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 400px; height: 280px;"></div> <script type="text/j
Googleマップの埋め込み地図（HTML）でマーカーは残しつつ吹き出しを消す - TechBucket:IT関連とかいろいろ
※マーカーの色は変わります（赤→緑） 1.マーカーを右クリックして「ここからのルート」を選択 2.マーカーは緑に変わりますが、吹き出しは消えます 3.プレビューを見ても同じ状態、これでHTML をコピーして貼り付けます 4.ちなみに、1の時に「ここへのルート」を選ぶとマーカーは‘ B ’になります。お好みでどうぞ（※IEでスクリプトエラーが出る場合は、「ここへのルート」を選択してみて下さい） 5.ただし、この状態で「印刷」の画面に移動するとマーカーは消えてしまいます。ので、印刷のリンクを利用する際は元の（赤いマーカー）状態のリンクを取得してください ※同様に「大きな地図で見る」のリンクもプレビューの状態を引き継ぎますので、赤いマーカー時（吹き出しが出ている）の状態にリンクさせたい場合は、一旦元の赤いマーカーのプレビューでリンクを取得してください
Google Maps for WordPress日本語版 – ある日の小さなつぶやき
Google Mapsを記事やページに挿入するためのプラグインです。地図の指定に住所やスポット、緯度と経度による指定も可能となっています。 Google Maps for WordPress（英語版）を日本語化したものです。 ダウンロードはこちらから（公開場所：SourceForge.JP） なおこのプラグインと一緒にLightbox 2と一緒に使用する場合、Safariによる表示で不具合が生じることがあるかも知れません。不具合があった場合ははlightbox-2-wordpress-pluginフォルダ内のlightbox.phpに、ブログで紹介した修正をご自身で施すか、下記のzip書庫を解凍すると生成されるphpファイルへ差し替えてご使用ください。 Lightbox 2 修正ソースコード（zip書庫） （サイズ：910Byte / 公開2008.06.23） なお、そのうち公開場所を
KML リファレンス - KML - Google Code
<AbstractView> バージョン 2.2 の新要素 構文 <!-- abstract element; do not create --> <!-- AbstractView --> <!-- Camera, LookAt --> <!-- extends Object --> <-- /AbstractView --> 説明 これは抽象的な要素であり、KML ファイル内で直接使用することはできません。この要素は <Camera> 要素と <LookAt> 要素によって拡張されます。 拡張元の要素 <Object> この要素を拡張した要素 <Camera> <LookAt> <BalloonStyle> 構文 <BalloonStyle id="ID"> <!-- specific to BalloonStyle --> <bgColor>ffffffff</bgColor
Curlで読み込んで理解するKMZ/KMLの中身
3Dモデルを簡単に作れるGoogle SketchUpで家を建て、その中をCurl 3D Galleryで歩き、3Dプログラミングを学ぶ連載です Google SketchUpをCurlアプリで読み込もう もう、連載はなくなったのかと思わせるほどの間が空いてしまいましたが、連載の3回目をお送りします。前回の「3Dモデリング建築内を歩けるCurl 3D Galleryとは？」では、Curl開発環境のセットアップから、第1回の「3Dモデルを簡単に作れるGoogle SketchUp超入門」で作成したモデルデータを読み込んで、取りあえず、開発環境ができるところまでをお伝えしました。 今回からは「Curl 3D Gallery」の内部処理のお話に入っていきます。今回の内容は、Google SketchUp（以下、SketchUp）データの読み込みということで、次の2点についてお送りします。
Google Maps API + PHP + MySQL + Search
１月30日、Google のパメラさんがマップ API に PHP+MySQL を使った検索機能を提示した。データベースにストアしたポイント群を表示するもので、別途ドキュメントも用意されていた。 サンプル通りにやればいいのだが当該チュートリアルに記述ミスがあったり、 First, check your configuration and make sure you are using PHP5. If you aren't, then adapt this code to use either the domxml or echo technique from our previous article. などと書いてあったりして少しヤヤコシイ。私の借りているロリポップのサーバーは PHP4 のようなので、この環境に合うようゴニョゴニョ書き換えて作ってみた。 必要なのは、（1）データベースの
Re: MySQL + PHP + Google Maps API 復習 - Seis Pesos
MySQL データベースに php でアクセスして Google マップを作る方法を書き直し再録します。ただし、以下の例はレンタルサーバーがロリポップのケースです。お使いの環境によって多少変わるかもしれないことをご了承下さい。 今回は、例として次のような地図を作ります。 （新しいウィンドウで開く） ・まず、phpMyAdmin で MySQL にアクセス。 ・ひとつテーブルを設けます。 ・このフィールドに、以下を記述。例として、テーブル名を「MLB」とします。 CREATE TABLE MLB ( id int(11) NOT NULL auto_increment, stadium varchar(255) NOT NULL default '', lat decimal(10,6) NOT NULL default '0.000000', lng decimal(10,6) NOT N
Google Mapsの基礎 [JavaScript講座 -Smart]
Google Mapsの設置 Google Maps のAPIキーの申し込み まず、Google Maps APIのサイトから、サインアップページを開きます。 サインアップページで利用条件に同意し、サイトのURLを入力すればAPIキーが取得できます。キーの取得にはGoogleアカウント（無料）が必要です。 [I have read and agree with the API terms and conditions]のチェックボックスをチェックし、[My Web Site URL:]のテキストボックスにGoogle Mapsを利用するサイトのドメインを入力します。次に[Generate API Key]をクリックすると、APIキーとHTMLサンプルが表示されます。 もし、このときGoogleアカウントをまだ持っていなければ、自動的に申し込み画面に進むので、アカウント取得の手続きを済ませて
![Google Mapsの基礎 [JavaScript講座 -Smart]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps Platform Documentation | Google for Developers