BootstrapとGoogle Maps API同時使用時の表示崩れを修正する
Twitter社の提供するCSSフレームワーク、Bootstrap。これを使うと、面倒臭いWEBのGUIデザインを、要素へのクラス指定一発で解決することが出来る。以前紹介を行ったとおりCDNでの利用も可能なので、WEBサイトを作成する前にとりあえず（jQueryと一緒に）呪文のように読み込んでおくと、ページ制作中痒いところにも咄嗟に手が届き易い。 もう一つ、企業サイトであれば”会社概要”ページのアクセスマップなどで使われるであろう、Google Maps API。こちらも頻繁に利用されるものに違いないのだが、BootstrapとGoogle Maps APIを同時に利用して地図の表示を行うと、以下のスクリーンショットのように表示崩れが発生する。 まず由々しきこととして、左端の縮尺スライダーが表示されない。このような状態だと、スクリーンショットを貼っておいた方がまだ良かったのではないかという
HugeDomains.com
mynameisdonald.com is for sale Please prove you're not a robot
Goolge Maps V3のgetBounds()がis undefinedではまる - 未完成
追記： 最初の trigger を bounds_chaged でやってました（強制的に駆動させてました）が、LatLngBounds クラスのオブジェクトの取得ができていませんでした。そこで、最初の trigger は idle に変更しました＞＜ V2 でマーカーがすべて入るまでズームを下げる（マップ内にマーカーが包含される）ものを作っていました V2 を V3 に組みかえていたときにはまったのでメモ ちゃんと読めば書いてあるのですが。。。 http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html#Map 現在のビューポートの緯度経度の範囲を返します。地図がまだ初期化されていない（map Type がまだ null のままなど）、あるいは中心位置とズームがまだ設定されていない場合、結
たまプラ通信 | たまプラーザで生活、仕事する「たまデジ。」のブログ。
アマチュア無線の局免復活編の投稿です。 申請は済み、あとは免許状の届くのを待つだけとなりました。 ちなみにこの投稿を書いているのは緊急事態宣言中ですが、申請自体は3月下旬に行っております。また、免許状は4月下旬に入手でき...
スクリーンオーバーレイの表示(GScreenOverlayクラス) - オーバーレイ画像(GGroundOverlay, GScreenOverlay) - Google Maps JavaScript API入門
スクリーンに画像を表示するスクリーンオーバーレイの表示方法を確認します。地図ではなくスクリーンに配置される形になりますので地図の移動やズームレベルに変更があっても一定の位置に表示されます。 スクリーンオーバーレイはGScreenOverlayクラスで定義されており、コンストラクタ関数は次のように定義されています。 GScreenOverlay(imageUrl:String, screenXY:GScreenPoint, overlayXY:GScreenPoint, size:GScreenSize) 画像の URL から画面オーバーレイを作成し、screenXY、overlayXY、size の各 パラメータで指定されるとおりに画面上に表示します。overlayXY パラメータ は、screenXY 座標にマップされるオーバーレイ画像上 (またはその外側) の位 置を決定します。これは
画面上に画像を固定表示する:Geekなぺーじ
（注意！）この記事は、旧APIであるGoogle Maps API version 2を解説したものです。version 2の利用は推奨されていないので、意図的に旧バージョンの情報を探していない場合は、新しいバージョンの解説をご覧下さい。 GScreenOverlayを利用すると、画面上に固定された画像表示ができます。 マーカーの場合は、地図と共に移動してしまいますが、GScreenOverlayは地図ではなく画面(スクリーン)に対して固定されます。 GScreenOverlayは、コンパスやロゴマークの表示に使うのが良いと公式リファレンスには書いてあります。 サンプル 以下のサンプルはGoogle MAPS APIを使ったページのソースです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.o
緯度経度から住所を取得してみる - Google Maps API v3
緯度経度から住所を取得する サンプルはここにある。 http://code.google.com/intl/ja/apis/maps/documentation/v3/services.html#ReverseGeocoding まずはGoogle Maps APIにおける、Geocoderのリクエスト方法から。 下記URLを見ると、プロパティの一覧がある。 GeocoderRequest Google Maps API V3 Reference - Google Maps JavaScript API V3 - Google Code 住所や郵便番号から検索する場合は、addressプロパティに住所か郵便番号を入れてやる。 緯度経度から検索する場合は、latLngに緯度経度を入れてやる。 レスポンスは以下。 GeocoderResponse Google Maps API V3 Refe
GoogleMaps（グーグルマップ）の使い方まとめ - GoogleMania | グーグルの便利な使い方
HOME ＞ Webサービス ＞ Google Maps（グーグルマップ）の使い方まとめ（地図） Google Maps（グーグルマップ）の使い方まとめ（地図） 管理人 @ 3月 11日 07:19am 便利なGoogleマップを使って、オンライン地図で何でも検索。 Googleマップに関する まとめ です。 2007/6/15更新 GoogleMapsに関する最新記事は、ブログエントリーのカテゴリー「 Google Maps 」で参照できます。 GoogleMapsとは 「Google Maps」とはGoogleが提供するオンライン地図検索サービスです。地図と検索が融合した素晴らしいオンラインツールです。世界中の地図と衛星写真を閲覧できます。 目次 GoogleMapsの特徴 Google Mapsはここがすごい！ 検索と連動 ：入力した検索用語に基づいて、日本国内のあらゆるビジネス
GoogleマイマップをiPhoneマップで見る方法
※2011/4/27現在 以下の方法は利用できません。ウェブ版のGoogleマップを使うとマイマップにアクセスできます。詳しくは以下の記事をどうぞ。 新・GoogleマイマップをiPhoneで見る方法: おとうさんのつれづれLifehack（ライフハック） これまで行ったお気に入りのお店とか、今度のおでかけで巡りたいスポットとか、Googleマイマップに自分のマップを作っておくと便利ですよね。そんなマイマップをiPhoneで見るにはMy Mapsです。 便利なGoogleマイマップをiPhoneでも使いたいならMy Maps グーグルとアップルの仲の悪さだからなのか、対応しても良さそうなマイマップの機能がiPhone／iPod touchでは使えません。 ググッてみるとこんな方法がスタンダード。 Going My Way: Google Maps の マイマップを iPhone から利用す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.google.com/fusiontables/DataSource?docid=1lTV6RzeDHax0Vh0wPoBMIN3jNiyNyFFQQd1J1Vs
2013年5月中旬に終了するらしいGoogleMapsApiV2をV3に移行してみた。 | WEBPAPRIKA