Google マップでは色々な API が提供されていますが、簡単なコードを追加するだけで任意の位置の地図を画像として埋め込むことができる Google Maps Static API の使い方について解説します。
![Google Maps Static API入門](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b3880dfd1e1810b3be0bfd45ecfdc0c2c108712/height=288;version=1;width=512/https%3A%2F%2Fwww.javadrive.jp%2Fgoogle-maps-static%2Fp0-0.png)
Lightweight Google Maps 1.4.0の固定ページに表示される地図のアイコンをカテゴリーごとに変更する方法のメモです。 locations.phpの修正 155行目位にあるpost_info()にカテゴリー情報(ID)を追加する。 function post_info($lat, $lon) { $title = get_the_title(); $link = get_permalink(); //-------------ここから----------------// $cats = get_the_category(); $category = ($cats[0]->category_parent)? $cats[0]->category_parent : $cats[0]->cat_ID; //-----------ここまで追加--------------// $
Static Maps API ãããããã¼ ã¬ã¤ã Google Static Maps API ãããããã¼ ã¬ã¤ãã«ãããããGoogle Static Maps API ã使ç¨ããã¨ãçããã®ã¦ã§ããã¼ã¸ã«ã Google ãããã®ç»åãåãè¾¼ããã¨ãã§ãã¾ããJavaScript ãåçãªãã¼ã¸ã®èªã¿è¾¼ã¿ã¯ä¸è¦ã§ããGoogle éçããããµã¼ãã¹ã¯ãæ¨æºã® HTTP è¦æ±ã«ãã£ã¦é
祖母の白寿のお祝い 先日、満99歳(数えで100歳)になった祖母の白寿のお祝いをやった。 さすがに身体のあちこちに不具合が出てきており、そろそろ本格的に外出も難しくなってきたので祖母と一緒に家族で集まれるのはたぶんこれが最後だろう。 下は0歳から上は99歳までいるので、移動と諸々…
► 2023 (1) ► 06 (1) ► 2022 (3) ► 09 (1) ► 06 (1) ► 03 (1) ► 2021 (4) ► 10 (1) ► 09 (1) ► 06 (1) ► 04 (1) ► 2020 (5) ► 11 (1) ► 10 (1) ► 09 (1) ► 06 (2) ► 2019 (7) ► 09 (1) ► 06 (4) ► 05 (1) ► 03 (1) ► 2018 (14) ► 12 (1) ► 11 (1) ► 10 (5) ► 09 (3) ► 06 (1) ► 05 (1) ► 03 (2) ► 2017 (76) ► 09 (5) ► 07 (2) ► 06 (5) ► 05 (1) ► 04 (2) ► 03 (11) ► 02 (23) ► 01 (27) ► 2016 (39) ► 10 (11) ► 09 (12) ► 06 (4
(3)タブウィンドウ、オリジナルアイコン使用 - Sample GInfoWindowTab(タブのインフォウィンドウ)と、オリジナルのアイコンを使用。地図タイプ選択ボタンはひとつだけにしています。 アイコンのサンプルはこちらにも用意しています。 ・以下のテンプレート内の★印の箇所を好きなように書き換えてください。 緯度と経度はこちらで割り出してください。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; chars
Google Mapsの動作確認用でマーカーの画像をたくさん作らないといけなかったのですが、ちょうどいいプログラムを作ってくれている人がいました。 Ali Mohammad and Alex Gruensteinさんという人が作られたそうですが、blog@slightlyblueさんのところで紹介されていました。 特に後者、任意の色を背景に、任意のテキストを貼り付けたアイコン画像を動的生成するスクリプトも配布しています! まとめてファイルを出力するスクリプトも書いていてくれていますが、ブラウザで選択・ダウンロードできるようなインターフェースも作ってみました。 Google-Maps markers generator http://www.lumiere-couleur.com/pub/soft/markers/
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行(Google Geo Developers Blog: GoV3: It's time to Upgrade)を奨めています。2013年11月19日以降(機能により)使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Home GoogleMaps アイコンのサンプル GoogleMaps アイコンのサンプル スプライトの例 次のスプライト用アイコンセットは幅154ピクセル、高さ44ピクセル(ひとつあたり幅30ピクセル、高さ44ピクセル)です。 1ピクセルのオフセット横並びで作成したので、 青= new google.maps.Point(0, 0); 緑= new google.maps.Point(31, 0); 橙= new google.maps.Point(62, 0); 紫= new google.maps.Point(93, 0); 赤= new google.maps.Point(124, 0); 以上のように個別のマーカー位置を指定します。マップにこのアイコンを指定するには var markerIcon = {anchor: new google.maps.Point(15, 44),
Google Maps では、ユーザのウェブアプリケーションから利用できるようにするための API を公開しています。この API を使ったウェブアプリケーションを IE で閲覧しようとするとエラーが出ることがあるようです。その解決方法として以下のものがあげられます。 http://maps.google.com/maps 呼び出し時に charset="utf-8" をつける Google Maps API を呼び出すとき Javascript ファイルをロードする必要があります。そのとき <script src="http://maps.google.com/maps?file=api&v=1&key=KEYCODE" type="text/javascript"></script> のように記述しますが、これを <script src="http://maps.google.com/
・ああでもない、こうでもないと試行錯誤しながらGoogle Mapsを作っておりますと、そのうち何がナンだか判らなくなり混乱をきたしてきました。しかもAPI 2 が出て従来のバージョン1はいずれ使えなくなるというので、ちょっと要点を整理。覚書代わりに、ひながたのほうが判りやすいかなぁと。他人様の役にも立てるかな? ・以下のひながたをコピーしてメモ帳などに貼り付け、Sign up for the Google Maps APIで取得した固有のAPI Keyを「キー」の部分に記述、あとは★印の箇所だけ好きなように書き換えアップロードすればいいだけです。 注:「名前を付けて保存」する際に文字コードは「UTF-8」にしないといけません。HEADのmetaも、 content="text/html; charset=UTF-8"にしないといけません。DOCTYPE は、Strict でも Tran
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く