〒554-0031 大阪府大阪市此花区桜島2丁目1−33 ユニバーサル・スタジオ・ジャパン (?) 緯度: 34.665677 経度: 135.432319 OLC: 8Q6QMC8J+7W
Google Mapsは、ver3(現在のバージョン)は「APIキーが必要」ですが APIキーが無くてもサイトに地図は表示されていました。 それが、2016年6月22日から新規サイトでGoogle Mapsを使用する場合は「APIキーが必須」になりました。 APIキーが無いと上記の画像のようにマップ部分が エラーが発生しました。このページでは Google マップが正しく読み込まれませんでした。JavaScript コンソールで技術情報をご確認ください。 となります。 ブラウザのコンソールではこんなエラーが表示されます。 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-err
定期的にチェックしているJeff LaMarcheさんのブログで中々、興味深い内容をやっていたので紹介。 iPhone Development: Mapping Directions from your App http://iphonedevelopment.blogspot.com/2009/02/mapping-directions-from-your-app.html 内容としては「Googleマップの経路検索」をアプリで使うというものです。 使い方はいたって簡単で以下の様なURLを openURL で開くだけです。 http://maps.google.com/maps?saddr=[source address or coordinates]&daddr=[destination address or coordinates]saddr= に出発地点、daddr= に到着地点を
こんにちは。ディレクターのエリカです。 Google マップがカスタマイズできることはよく知られていると思いますが、難しそうでなかなか手が出せない・・・と思っていませんか? Google 公式が提供している「Styled Maps Wizard」を使えば、驚くほど簡単に Google マップをカスタマイズできるのでご紹介いたします。 ※このページは、Styling Wizard: Google Maps APIsの旧サービス:Styled Maps Wizardの紹介記事です。 Styling WizardでGoogleマップをカスタマイズ! Styling Wizardはこちらから利用できます https://mapstyle.withgoogle.com/ ※現在はStyling Wizardにリニューアルしています。 STEP1. 全体の色を変えてみよう 画面左の Selectors
(01/12)Twitterに投稿された写真「山形市近郊の冬景色」 (01/12)打上げの映像: H-IIAロケット打ち上げ成功、情報収集衛星を軌道に投入 (01/12)Twitterに投稿された写真「飛騨山脈南部の槍ヶ岳山頂で夕陽」 (01/12)愛の映像: 人からの愛、親子の愛 (01/12)凄い映像: 米国『パイクス・ピーク』上空の強風で飛ばされる雪 (01/12)既出記事の改訂 (01/12)Twitterに投稿された写真「アイスランドの湖『ヨークルスアゥルロゥン(Jökulsárlón)』でオーロラ」 (01/11)笑劇の映像: マーチングバンドによるマイケル・ジャクソンの「ムーンウォーク」 (01/11)ツイッター・アカウント TAKASHI|富士山|ArtFuji(@Takashi_LF)さん投稿の"朝霧高原から富士山" (01/11)Twitterに投稿された写真「群馬県み
あちこちで紹介されているので今更感たっぷりなのですが(汗)、google mapをサイトのページに埋め込む方法です。google側で簡単な方法が用意されています。ただ、埋め込み時に少々困ったこともあったので解決法も交えて紹介します。 ※キャプチャ画像は執筆時(2012/04/19)時点のものです。 2014年3月にGoogle Maps Embed API が新しくなりましたが、旧マップの表示に戻す事でこの記事で紹介した方法でも埋め込むことが出来ます。 旧マップの表示に戻すには表示されたマップの右下の ? アイコンをクリックすると吹き出しが表示されます。その下の「以前のマップに戻る」をクリックするとフィードバックを促す内容に変わりますが、その下の「以前のgoogle mapに戻る」をクリックすることで旧マップの表示に変わります。(2014.05.22追記) マップの埋め込み。 問題その1:
Google マップをブログなどに埋め込むときの HTMLコードに含まれるふきだしだけを消し、マーカーを残す方法です。 1.問題点 Google マップから検索などで特定の地域を表示させて、HTMLコードを取得して、ブログに埋め込むと、検索したときの情報がふきだしとして含まれてしまいます(下)。 「Google マップの埋め込み HTML でふきだしを消す方法(新)」では、ふきだしとマーカーを消す方法を紹介しましたが、「ふきだしを消してマーカーは残したい」というご質問を頂きましたので、本エントリーにて紹介致します。 なお、この方法は適正な方法であるかどうかは定かでありません。また、全てのブラウザで期待通りの結果になるかどうかも不明です(Firefox 3 では確認しました)。 2.解消方法 Google マップで検索結果が表示されます。ここでは「東京駅」で検索した結果を表示しています。 噴
その他設備 間取図あり 新着(~2日) エレベーター フローリング 駐車場あり 駐輪場あり 都市ガス プロパンガス オール電化 専用庭 出窓 バルコニー ロフト付き タイル貼り 家具家電付き 室内洗濯機置場 バイク置き場あり
2011-03-16: 目次を作成しました。 2010-09-17: Google Map 2 記事一覧を作成しました。 2010-07-03: Google Map 3 記事一覧を作成しました。 Google Map API V3 マーカークリックで地図の中心をスムーズに移動します。 今回使ったのは panTo() で、これは移動先が表示されている場合はスムーズに移動され 表示されていない場合は瞬時に移動先が表示されます。 なので、今回のサンプルで移動先にしている千駄ヶ谷駅が 表示されないように地図を動かしてからマーカーをクリックすると 瞬時に千駄ヶ谷駅に移動します。 (新宿をギリギリまで右下に) 以下、サンプルコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <tit
地図の中心座標を指定するには「center」プロパティに対して値を指定します。座標はLatLngクラスのオブジェクト使います。 地図タイプは市街地図や航空写真など、どのような形式で地図を表示するのかを指定します。MapTypeId クラスで定義されている値(※)定数を使って指定します。 ※サポートされているタイプ ・ROADMAP は、Google マップの通常のデフォルトである 2D タイルを表示します。 ・SATELLITE は写真タイルを表示します。 ・HYBRID は、写真タイルと主要な機能(道路、地名)のタイル レイヤを組み合わせて表示します。 ・TERRAIN は、物理的な起伏を示すタイルで、高度や水系(山、河川など)を表示します。 ズームレベルは地図の縮尺で、数値が小さいほど広域になり、大きいほど詳細な地図が表示されます。 オブジェクトを作成します。 var latlng =
サイト制作において、アクセスマップなどの地図の表示はどうしてますか?「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ!というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました(2015.7.20追記)。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
地図上やマーカーなどをクリックした時にその地点に関する情報を表示するために使用されるのが情報ウィンドウです。下のような形で地図上で表示されます。 表示例 情報ウィンドウ サンプルイメージ地図は地理院タイル (標高タイル)を加工して作成 情報ウィンドウを表示させる為の準備として、はじめに情報ウィンドウを表すInfoWindowクラスのオブジェクトを作成します。コンストラクタ関数は次のように定義されています。 InfoWindow(opts?:InfoWindowOptions) 指定されたオプションを使用して情報ウィンドウを作成します。 情報ウィンドウは、オプションでの指定に応じて、地図上の特別な位置やマーカーの上に配置することができます。 地図の自動移動が無効にでない限り、情報ウィンドウを開くと、情報ウィンドウが地図内に表示されるように地図が移動します。 情報ウィンドウを作成した後、ope
地図上に目印をつける目的で使用されるのがマーカーです。 下のような形で地図上で表示されます。 表示例 マーカー サンプルイメージ地図は地理院タイル (標高タイル)を加工して作成 マーカーを表示させる為の準備として、はじめにマーカーを表すMarkerクラスのオブジェクトを作成します。コンストラクタ関数は次のように定義されています。 Marker(opts?:MarkerOptions) 指定されたオプションを使用してマーカーを作成します。 地図が指定されている場合、構築するときに地図にマーカーが追加されます。マーカーを表示するためには位置を設定しておく必要があることに注意してください。 オプションである1番目の引数にはマーカーを表示する対象となる地図や座標などを設定するために使用するMarkerOptionsオブジェクトを指定します。引数を省略した場合は用意されているmethodなどを使って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く