Webページの中でGoogle Maps APIを使い地図を表示する場合にHTMLタグにどのような記述が必要か順を追って説明します。 ベースのHTMLとして下記HTML5ページを利用します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Google Maps JavaScript API サンプル</title> </head> <body> <p>Google Maps APIを使ったサンプル地図。</p> </body> </html> 一般的なHTMLページです。 HTMLタグ内でGoogle Maps APIを使用する為には、最初にGoogle Maps APIを使用するのに必要なGoogle発行のJavaScriptコードを読み込みます。APIキーが必要です。下記のように読み込みます。
Google Map 複数マーカー指定、マーカー色変更について WebサイトへのGoogle Map埋め込みについてお願いいたします。 Google Map 複数マーカー指定、マーカー色変更について WebサイトへのGoogle Map埋め込みについてお願いいたします。 下記サイト内のサンプルのようにマーカー色の異なるポインタを2ヶ所作成したいです。 http://www.ajaxtower.jp/googlestaticmaps/marker/index4.html ***** 行いたいこと ***** ・2ヶ所を表示 ・それぞれマーカーの色を変更 ・ポイントすると詳細情報がでるように ・静的ではなく動的な状態で埋め込みたい *********************** http://ascii.jp/elem/000/000/424/424032/ 上記サイトが動的状態でうめこまれて
前回、Google Maps上にinfowindow(吹き出し)を表示させました。infowindowに表示データを追加し、デザインをしてみました。どうやら普通にHTMLを書けばいいようです。画像とリンクとテキストを表示させてみます。 <style> #div799 label { width: auto; display:inline; } #div799 img { max-width: none; max-height: none; } </style> <div id="div799" style="width:940px; height:600px"></div> <script type="text/javascript"> $(document).ready(function(){ // マップ作成 // マップ中心座標設定 var latlng = new google.m
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く