検索結果

GoogleMap

全1329件中41～60件表示
  • 全てのカテゴリ
  • 全ての質問
  • GoogleMapのAPI取得方法

    GoogleMapのAPI取得方法 GPSログを使って行動記録と写真を表示する結果、GoogleMapが使われます。ＰＣ上での表示はOKですが、それをWebサイト（自分のHP）にアップするとGoogleに登録し「API」を取得しないと閲覧できません。取得方法はGoogleのサイトに「登録してAPI取得」のページが有るのですが、極めて煩雑でどうすれば取得できるか分かりません。若し、体験のある方が居られましたら具体的は方法をお教え頂きたくお願いいたします。

  • GoogleMap, Ajaxについて

    GoogleMap+Asnchronous+Javascript+XMLという、GoogleMapで自分の地図を作成するシステムがあります。 本を買って読んでいるのですが、いまひとつ分からない点があります。 自分の地図を作成するという作業なので言わばクライアント的なものかと思っていました。地図を公開するという意味ではサーバ的な側面もありますが、自分だけが利用するものなのでクライアントだと思っています。 本を読んでいると、自分がURLを持っていてサーバを管理していることを前提としているようです。私はサーバを立ち上げるつもりはないのですが、クライアントとして地図を作るということとはどのような関係にあるのでしょうか。GoogleMapsAPIをダウンロードする際に、URL名を指定する場面などもあり、どうしてURLを入れる必要があるのだろうかと疑問に感じています。 私が考え方を間違っているように思うのですが、どのようなものでしょうか。よろしくお願いします。

  • GoogleMapを使ったJavascript

    Web初心者です。 JavaScriptにてGoogleMapを利用した以下のような仕組みが可能であるか調べています。 (1)　GoogleMapにて「都道府県」「市区町村」「施設種類」を指定したリクエストを出す。 (2)　検出結果「住所」「施設名」「電話番号」等の情報をリスト形式で取得 ご存知の方がいましたら、ご回答宜しくお願い致します。 例 １）以下をリクエスト↓ 都道府県：東京都 市区町村：渋谷区 施設種類：病院 ２）以下を取得↓ 住所：日本：東京都渋谷区○○○ 施設名：◯◯◯◯病院 電話番号：03-◯◯◯◯-◯◯◯◯

  • googlemapを使ったホームページ

    カテゴリ違いだったらすいません。 googlemapを使ったホームページを作っています。 mapと連動して、ページの情報（文章や画像）を変えたいと思っています。 どうか、お力を貸してください！！ 詳しくはサンプルを作りましたので、見ていただけたらと思います。 何分わかりづらいかもしれませんが、宜しくお願いします。 http://23kugainavi.client.jp/sample-test.html

  • 飛行機でスマートフォンGooglemap

    GPS機能つきスマートフォンを利用しています。 (１)飛行中に通常モード時、Googleマップは使えますか? (2)飛行中に機内モード時、Googleマップは使えるでしょうか?

    • noname#248380
    • 回答数4
  • 飛行機でスマートフォンGooglemap

    GPS機能つきスマートフォンを利用しています。 (１)飛行中にGoogleマップは使えますか?

    • noname#248380
    • 回答数1
  • GoogleMapをリアルタイムに更新

    データベース(MｙSQL)に更新があった場合、GoogleMap上にリアルタイムにマーカーを表示させたいと考えています。 現在、XMLファイルの読み込みライブラリー downloadxml.js を利用し、PHPのXMLファイルを読み込んで実装しています。 調査していくと、リアルタイムに更新を行うには、ajaxを利用することがわかりました。 そのため 、jQuery のJavaScriptライブラリーを利用してPHPのXMLファイルを読み込む形になるのか、と思っているのですが、データベースに更新があった場合にリアルタイムにGoogleMapを更新させるには、どちらの読み込みで行うとよろしいのでしょうか？ またリアルタイム更新には、cometという技術を使う必要があるということを調査して分かったのですが、具体的なソースコードが出ているページなど詳しい説明が載っているページがあれば、教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • MySQL
  • googlemap 軌道がでない

    google mapで、今日使用したら青い道筋（軌道）がでません。 どうすればいいでしょう。PC再起動してもダメでした。 昨日までは普通にでてました。

  • GoogleMapの共有のURL

    GoogleMapでデバイスに転送したり共有したりすると短いURLが生成されますが、毎回違うのが生成されます。 共有で最初に生成されたURLから開き、それを共有すると違うURLが出てきます。 国会議事堂の場合 https://goo.gl/maps/MD8r5bG8oZhS2xZC6 ↓ https://goo.gl/maps/JetBxXSsDTDiAkJT6 ↓ https://goo.gl/maps/k8zoao39tquU2nui9 どれも同じのが開くのですが、どれでもOKですか？ 目標に変更がない限りずっと使えますか？

    • webuser
    • 回答数2
  • 衝撃事実。GoogleMapグーグルマップはGoo

    衝撃事実。GoogleMapグーグルマップはGoogleで作られていなかった事実。 グーグルマップはキーホールという会社が開発したマップアプリを買収して公開された。 要するにグーグルはグーグルマップは作っていない。買収されたキーホールの創業者が作ったWebサービスだったのだ。 キーホールの創業者はいまなにをしているのですか？

  • Googlemapのマイマップをオフラインで

    私は、Android携帯でGooglemap(ver6.5.1)を使用しています。 今度、電波の届きにくいところに行く事になりました。 このverのGooglemapは、地図の事前キャッシュが可能なのですが、 レイヤのマイマップを毎回読み込んで使用しています。 電波が届かないとマイマップを読み込むことができないのですが、 通信をせずに携帯電話上にマイマップを保持しておくことはできないでしょうか？

    • jumjum
    • 回答数1
  • GoogleMapのIEでのバグ

    以下の状況に大変悩んでおります、ご教授いただけたら幸いです。 東京都のとある場所を中心としてマップを表示するHTMLページを tokyo.htmlとして作成し、親ページのparent.html内の<IFRAME>タグで tokyo.htmlを読み込んで表示しているのですが、 極々一部のPCのInternetExplorer(IE6.0以上)で中心がマップの左上隅になってしまう現象が発生しております。 OperaやFirefoxではこのようにはならず正常です。 IEでもこちらで所有するほとんどのPCからはバグは出ません。 また、tokyo.htmlを直接開いてもバグはでません。 IFRAMEで呼び出すと発生します。 バグが出るものと出ないものの設定やIEバージョンの差も 今のところ見当たりません。 これらはテストページなのでコードもかなり簡素で特別なことはしていないのですが。。 本チャンでは必ずIFRAMEを使用して表示しなくてはならないのでなんとかしたいのですが見当が付く方おりませんでしょうか？ ちなみに<OBJECT>タグでの読み込みもテストしてみましたが同様の結果でした。 ■tokyo.html ------------------------------------------------------------------------ <!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" xml:lang="ja" lang="ja" dir="ltr"> <head> <script src="http://maps.google.co.jp/maps?file=api&hl=ja&v=2&key=xxxxxx" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function initLoad(){ var lat = '35.65863'; //緯度 var lng = '138.74541'; //経度 if(GBrowserIsCompatible()){ var map = new GMap2(document.getElementById("map")); var point = new GLatLng(lat,lng); map.setCenter(point, 10); map.addControl(new GSmallMapControl()); map.addControl(new GScaleControl()); map.addControl(new GMapTypeControl()); map.setMapType(G_HYBRID_TYPE); var marker = new GMarker(point); map.addOverlay(marker); } } //]]> </script> </head> <body onload="initLoad()" onunload="GUnload()"> <div id="map" style="width:500px; height:500px;"></div> </body> </html> ------------------------------------------------------------------------ ■　parent.html ------------------------------------------------------------------------ <html> <body> <table> <tr><td>test</td></tr> <tr><td> <iframe src="tokyo.html" height="500" width="500" frameborder="0"></iframe> </td></tr> </table> </body> </html> ------------------------------------------------------------------------

    • noname#79935
    • 回答数3
  • Googlemap マイマップ作成について

    Googlemap のマイマップ作成について質問させていただきます。 Googlemap の検索で、たとえば「東京　小学校」などと検索したばあい、登録されている学校の目印が地図上にたくさん表示されると思います。 この検索結果の目印およびその目印の情報を、一括してマイマップに登録することは可能でしょうか。 作成したいマイマップは東京都内の小学校＋αです。 ひとつひとつ保存すればできるのですが、さすがに効率が悪すぎます。 一括登録か、他になにか良い方法をご教授いただけたらと思います。 よろしくお願いいたします。

    • eftlc
    • 回答数1
  • Coda-Sliderでgooglemap表示不可

    jQueryのCode Slider 3.0 ( http://kevinbatdorf.github.com/codaslider/ ) で 横スライド型のWEBサイトを作成しております。 当該スライドパネルの内部にgooglemap V3を表示したいのですが、どうしても表示できません。 やりたいことは、スライドパネルにgooglemap v3を表示させたいだけです。 autoHeightはtrueです。 自分で調べたところによると、どうやらgooglemapはスライドされる前（隠れている状態「display:none;的な?」）はdivの縦横サイズが確定されていないため、googlemap表示の前提条件であるdiv id="map_canvas"のサイズの確定がなされないから・・・ということのような気がするのですが、結局どうしたらよいかわかりません。 /*********** おそらく類似の問題に、jQuery UI Tabsにてgooglemapが表示できない場合に、CSSにて display:none;の部分を以下のように変更すれば良いという見たことがあるのですが .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; } Code Slider 3.0のCSSにはそもそもdisplay:none;のような部分が見当たりません。 ***********/ どうしたら良いでしょうか。解決方法のご教授をお願いいたします。

  • GoogleMapにカラーマーカーと吹き出し

    GoogleMapにそれぞれのポイントに色んな色のカラーマーカーと吹き出しをいれたいのですが 吹き出しを表示させる方法はなんとかなったのですが 現在のHTMLに上手くマーカーに色を設定できません。 現在のmapが下記URLになります。こちらのどこに書き込めば反映されるのかどうかご教授よろしくお願いいたします。 http://www.royal-resort.co.jp/hakone/g_map/test_map.html

    • ベストアンサー
    • HTML
  • GoogleMapで自作マーカーを表示

    どなたか教えていただけませんか？ http://klutche.org/archives/1080/?replytocom=752#respond このサイトのようにリストをクリックすると、地図内のマーカーに移動し吹き出しを表示するという方法で、サイトに設置はできたのですが、マーカーにオリジナル画像を使用したいのですが、どうにもこうにもうまくいきません(>_<) 具体的な方法や技術的な解説がされているサイトをご存知の方、教えていただけたらありがたいです。よろしくお願いします(T_T)

  • GoogleMAPの切り替えについて

    Javascriptのエラーについて質問させてください。 １つのページで、２種類のGoogleMAPを切り替えたいと思っています。しかし、以下のように記述したところ「"offsetwidth"はnullまたはオブジェクトではありません。」とエラー表示されてしまいます（確認ブラウザ：IE6、FireFOX3、Safari、Googlechorome）。 一体、何がマズイのかさっぱりわからなくなり、困り果てて質問しています。どうかお力をお貸しください。 宜しくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="style_sheet.css" type="text/css"> <title>マップテスト</title> <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=グーグルマップAPIキー" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { //エリア１マップ用設定開始。 var map = new GMap2(document.getElementById("map")); //コントロール追加表示。右下縮小図とコントロールバー。 map.addControl( new GSmallMapControl() ); map.addControl( new GOverviewMapControl() ); //店舗のマーカー表示 var point1 = new GLatLng(座標,座標); map.setCenter(point1, 10); var point2 = new GLatLng(座標,座標); map.setCenter(point2, 10); var point3 = new GLatLng(座標,座標); map.setCenter(point3, 10); //アイコンのための宣言 var icon = new GIcon(); // アイコン画像のURL icon.image = "./img/hoge.png"; // アイコン画像のサイズ icon.iconSize = new GSize(50, 25); // アイコンの表示場所 con.iconAnchor = new GLatLng(32, 0); // マーカーの表示 map.addOverlay( new GMarker(point1, icon) ); map.addOverlay( new GMarker(point2, icon) ); map.addOverlay( new GMarker(point3, icon) ); //デフォルトの表示 map.setCenter(new GLatLng(座標,座標), 10); } } function load2() { if (GBrowserIsCompatible()) { //エリア２マップ用設定開始。 var map2 = new GMap2(document.getElementById("map")); //コントロール追加表示。右下縮小図とコントロールバー。 map2.addControl( new GSmallMapControl() ); map2.addControl( new GOverviewMapControl() ); //店舗のマーカー表示 var point21 = new GLatLng(座標,座標); map2.setCenter(point21, 10); var point22 = new GLatLng(座標,座標); map2.setCenter(point22, 10); var point23 = new GLatLng(座標,座標); map2.setCenter(point23, 10); var point24 = new GLatLng(座標,座標); map2.setCenter(point24, 10); //アイコンのための宣言 var icon2 = new GIcon(); // アイコン画像のURL icon2.image = "./img/hoge2.png"; // アイコン画像のサイズ（横幅/縦幅） icon2.iconSize = new GSize(50, 25); // アイコンの表示場所 icon2.iconAnchor = new GLatLng(32, 0); // マーカーの表示 map2.addOverlay( new GMarker(point21, icon2) ); map2.addOverlay( new GMarker(point22, icon2) ); map2.addOverlay( new GMarker(point23, icon2) ); map2.addOverlay( new GMarker(point24, icon2) ); //デフォルトの表示 map2.setCenter(new GLatLng(座標,座標); 12); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <a href="#" onclick="load()">エリア１</a>｜ <a href="#" onclick="load2()">エリア２</a>｜ <!-- マップ表示用DIV --> <div id="map" style="width:700px;height:350px;"></div> </body> </html>

  • googlemapでの位置の表示

    現在、googlemapを用いて、テーマパークだけを表示させるプログラムを作ってます。 今作っているプログラムは位置情報を読み込む際にxmlファイルから読み込んでいるのですが、xmlファイルの位置情報をランダムに取得して表示させたりすることは出来るのでしょうか？下のxmlファイルでしたら、お台場と東京タワーだけ表示みたいな形で… ↓xmlファイル <markers> <marker lat="35.62882" lng="139.777508" html="お台場" label="お台場" n="1"/> <marker lat="35.658632" lng="139.745411" html="東京タワー" label="東京タワー" n="1"/> <marker lat="35.729539" lng="139.718172" html="サンシャイン60" label="サンシャイン60" n="1"/> <marker lat="35.660423" lng="139.729204" html="六本木ヒルズ" label="六本木ヒルズ" n="1"/> <marker lat="35.7174" lng="139.771347" html="上野動物園" label="上野動物園" n="1"/> <marker lat="35.715491" lng="139.794669" html="花やしき" label="花やしき" n="1"/> <marker lat="35.741964" lng="139.647941" html="としまえん" label="としまえん" n="1"/> <marker lat="35.717588" lng="139.276707" html="東京サマーランド" label="東京サマーランド" n="1"/> </markers> ↓xmlの読み込み部分のjavascript // ===== XML呼出 ===== function readMap(url) { var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = GXml.parse(request.responseText); var markers = xmlDoc.documentElement.getElementsByTagName("marker"); map.getInfoWindow().hide(); map.clearOverlays(); for (var i = 0; i < markers.length; i++) { var lat = parseFloat(markers[i].getAttribute("lat")); var lng = parseFloat(markers[i].getAttribute("lng")); 　 var points = new GLatLng(lat,lng); var html = markers[i].getAttribute("html"); var label = markers[i].getAttribute("label"); var n = markers[i].getAttribute("n"); var marker = createMarker(points,label,html,n); map.addOverlay(marker); } なんかいい工夫はあるのでしょうか？ やり方も教えていただけると助かります。 何かいい方法がありましたらご教授お願いします。。

  • GoogleMAPの地図でラベル表示

    こういうことができますでしょうか？ [MAP]というgif画像があったとして、 その画像はGoogle地図にリンクされていて、 ラベル付きで、例えば、【後楽園ホール】などと 表示させたいと思っています。 それを 例えば、、、（本当に例えば、、） ---------------------------------------------- <a hred="http://maps.google.com/緯度＝10,200.200.50　経度＝10.50.50.150　ラベル＝後楽園球場　縮尺＝1/50000"> <img src="map.gif"> </a> ---------------------------------------------- というような形式でリンクをすることは可能でしょうか？ また、これに近いことをする方法があれば教えてください。

    • ベストアンサー
    • HTML
    • nanzya
    • 回答数1
  • GoogleMap 住所から座標の取得

    住所から座標を取得し、マーカーを設置 情報ウインドウを設定したいのですが、想定している動きをしません 動かすと 1回目→3回目→1回目→3回目→2回目 といった順番でalertが表示されます 原因はclientGeocoder.getLatLng辺りじゃないかと思っているんですが、これを順番通りに動かすにはどのようにすればよいでしょうか var map; var shopName; var address; var tel; function changeFont(input) { if (GBrowserIsCompatible()) { //住所名取得 var point = document.getElementById('{!$Component.top.ad}').value.split(','); //地図を配置するオブジェクト取得 map = new GMap2(document.getElementById('map')); //拡大・縮小を行えるようにする map.enableScrollWheelZoom(); //ジオコード var clientGeocoder = new GClientGeocoder(); //マーカー設定 for (var i = 0; i < point.length; i++) { //shopName = shop[i]; address = point[i]; //tel = telpho[i]; alert("1回目 = " + address); clientGeocoder.getLatLng(point[i], shoMap); alert("3回目 = " + address); } } } function shoMap(point) { //中心設定 map.setCenter(point, 8); //マーカー var marker = new GMarker(point); map.addOverlay(marker); alert("2回目 = " + address); GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml("店名：" + shopName + "<br/>住所：" + address + "<br/>TEL：" + tel);}); }

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト