• ベストアンサー

Google Map + php

joe-の回答

  • joe-
  • ベストアンサー率34% (11/32)
回答No.1

Google maps用のKeyは取得しましたか? それを取得していないと失敗します。 http://www.geekpage.jp/web/google-maps-api/signup.php もしくは、SJISで書いた文字がHTML内にあったりしませんか? http://www.geekpage.jp/web/google-maps-api/debug.php

sun_g
質問者

お礼

ありがとうございました。

sun_g
質問者

補足

keyは取得しました。 ファイルもUTF-8で保存しています。 何が原因なのでしょうか。。。

関連するQ&A

  • フォーラムなど

    ajax関連のフォーラムやQ&Aサイトでお勧めのところを教えてください。 ここ(教えて!goo)でもいいのですが、専門的なところを知っておきたいのです。 これは一例ですが、今困っているのはXMLHttpRequestでphpを呼び出して返って来たxmlを取り込みたいのですがresponseXML.documentElementがnullになってしまうことです。 これ以外にも色々質問しながら習熟していきたいと思っていますので、ホットなサイトを紹介ください。

  • google maps apiについて

    現在HPをリニューアルしています。 旧サイトと新サイトは同じサーバー、同じドメインを使用しています。 旧サイトのデータはFTP内にはありません。 所在地マップに、GoogleMapを使用しています。 そこで、下記のようなエラーが出ます。 このウェブサイトには別の Google Maps API キーが必要です。新しいキーは http://code.google.com/apis/maps/signup.html で作成できます。 Google Maps API サーバーでリクエストが拒否されました。リクエスト内で指定した「sensor」パラメータには「true」または「false」のいずれかを指定する必要があります。 次に上記で指定されている http://code.google.com/apis/maps/signup.html にて、URLを指定して、APIを生成ボタンを押す 次にJavaScript Maps API の例で表示された <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=*********************************" type="text/javascript"></script> をエラーが表示されるページに貼り付ける ここまでの作業をおこなっております。 ただ、これで正しいのかが分かりません。 詳しい方からのご助言頂けますでしょうか?

  • googleマップAPIにて緯度経度に加えてズームレベルを取得する方法がわかりません

    こんにちは、いつもお世話になっています <head> <script src="http://maps.google.com/maps?file=api&v=2&key=googleマップキー" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //<![CDATA[ function onGMapClick(overlay, point) { if (point) { var request = GXmlHttp.create(); var url = "/php/date.php" + "?x=" + point.x + "&y=" + point.y; request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; var xy = xmlDoc.documentElement.getElementsByTagName("xy"); document.getElementById("show_x").innerHTML = xy[0].getAttribute("x"); document.getElementById("show_y").innerHTML = xy[0].getAttribute("y"); } } request.send(null); } } function onLoad() { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(36.03, 139.15), 13); GEvent.addListener(map, 'click', onGMapClick); } //]]> </script> </head> <body onload="onLoad()"> <div id="map" style="width:450px; height:450px"></div> <P>x : <div id="show_x"></div></P> <P>y : <div id="show_y"></div></P> </body> http://www.geekpage.jp/web/google-maps-api/gxmlhttp-5.php ここのサイトのソースを参考にgoogleマップAPIを利用したサイトを制作しています 経度、緯度の取得はできたのですが、残りのズームレベルの取得がいろいろ試してみましたができません このソースで「経度」「緯度」「ズームレベル」を取得して、変数urlに格納された/php/date.phpにデータを渡したいのですが、現在のズームレベルですら取得できない有様です どなたか教えていただけないでしょうか

  • Google Map APIのエラーについて

    6月20日以降にドメイン取得したサイトで、Google Mapの埋め込み表示が、添付画像のようなエラーになります。 調べてみて、 Google Map API キーが必要とありましたので、その手順でキーを取得しました。Google Mapを表示させるHTMLの<head>内の最下部に、Google Map API キーを以下のように書いてあります。 <script src="https://maps.googleapis.com/maps/api/js?key=(キー部)" type="text/javascript"></script> エラーの原因が、わかりません。 教えてください。 【関連情報】 ローカルPCでは、以下のソースできちんと表示されています。 <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script> ・DOCTYPE 宣言文は、関係しますか? ・サイトはブロックされていません、 <meta name="ROBOTS" content="INDEX,FOLLOW">を記載。 ・1HTMLに2個の地図があります。複数のマーカーを立てています。 過去のサイトでは、エラーはありませんでした。 以上、エラ回避方法を教えてください!!!!!!

  • Googleマップの利用について

    とあるサイトを参考に以下のコードを実行したところ、「エラー:'}'がありません。」とランタイムエラーが発生してしまいます。 色々試してみたところで、どうも文字コードが問題になっていそうなところまでは分かったのですが、解決方法が分かりません。 google.loadメソッドを使用する際に、読み込むモジュール(?)の文字コードを指定することは出来ないのでしょうか? ----------- コード ---------- // API本体を読み込む google.load('maps', '2'); また現状の解決策として、 <script type="text/javascript" charset="utf-8" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=****"></script> のようにGoogleMapのスクリプトをロードしていますが、これはgoogle.loadメソッドを使用するのと同等の処理なのでしょうか? 以上、よろしくお願いします。

  • ajax googlmap

    お世話になります。googlemapについての質問です。 現在、「Googleマップ+Ajaxで自分の地図を作る本」という書籍を読んでgooglemapを使用したサイトの構築を行っております。 書籍のサンプルコードをローカルのブラウザで開いた際、firefox(ver3.0.4)ではmapが表示されますが、IE(ver6.0.2900.2180)では 表示されません。サンプルコードの内容を一部記載しますと、 var request = GXmlHttp.create(); request.open("GET", "places.xml", true); request.send(null); request.onreadystatechange = function() { if (request.readyState == 4) { となっており、以下xmlファイルの座標データをmapに反映させる処理が続くのですが、IEでは "if (request.readyState == 4) {" の分岐に入っていないようです。 書籍中には、IE6で動作確認済みとあります。出版元に質問したのですが、返事がありません。お分かりの方いらっしゃいましたらよろしくお願い致します。

    • ベストアンサー
    • HTML
  • Google Maps API

    Google Maps APIについてよくわからないのですが 自分のサイトに地図を埋め込むことを言うのですよね? でもグーグルマップを開いて 「リンクを共有/地図を埋め込む」 のURLを自分のサイトに張り付ければ Google Maps APIを使わなくてもできると言う事ですか? それとも、Google Maps APIと 地図の埋め込みは、違うものなのでしょうか?

  • Google chart API 、PHP、MySQLを使って

    Google chart API 、PHP、MySQLを使って折れ線グラフを作成したのですが良いサンプルが見つかりません。 PHPでMySQLから値を取得して、その値をGoogle chart APIによって折れ線グラフで表示したいのですが苦戦中です。 なにか良いサンプルがあったら教えていただけないでしょうか。 もしくは、どのようなコードを書けば良いか教えてください。 お願いします。

    • 締切済み
    • PHP
  • Google Maps API V3

    Google Maps API V3 でXMLのデータがかなり多いので XMLから取り出すデータをgoogleマップで表示するデータのみ 取り出してマーカを表示したい場合どのようにすればいいのでしょうか

    • ベストアンサー
    • AJAX
  • グーグルマップのストリートビューを適切に表示したい

    はじめまして。 ウェブプログラミング初心者です。 ビルの情報を集めたウェブサイトを制作中の者です。 それぞれのビルのグーグルマップとストリートビューを表示したいのですが、 ストリートビューで建物内の店舗が表示されるものがあり どのように調整したらよいか困っています。 道路を表示させるための記述などあるのでしょうか。 下記にソースを添付させていただきます。 ご教示いただければ幸いです。 何卒どうぞよろしくお願いいたします。 <!-- 住所から緯度経度を取得する --> <?php $query =$address; $query = urlencode($query); $url = "http://www.geocoding.jp/api/"; $url.= "?v=1.1&q=".$query; $fp = fopen($url, "r"); while(!feof($fp)) { $line.= fgets($fp); } fclose($fp); $xml = simplexml_load_string($line); ?> <!-- 取得した緯度経度をJavaスクリプト内に入れて地図とストリートビューを表示 --> <script type="text/javascript"> // 変数群 var map,svp; //-------------------------------------------- //初期設定(ページを読み込んだ時に実行する関数) //-------------------------------------------- function initialize() { // 緯度・経度変数 var latlng = new google.maps.LatLng(<?php echo $xml->coordinate->lat; ?>,<?php echo $xml->coordinate->lng; ?>); // 地図のオプション設定変数 var myOptions = { // 向き heading: -20, // 初期のズーム レベル zoom: 17, draggable: false, // 地図の中心点 center:latlng, // 地図タイプ mapTypeId: google.maps.MapTypeId.ROADMAP }; //地図オブジェクト生成 map = new google.maps.Map(document.getElementById('map'), myOptions); // ストリートビューオブジェクト生成 svp = new google.maps.StreetViewPanorama( document.getElementById('svp'),{ position : map.getCenter() }); // ストリートビューオブジェクト詳細設定 svp.setPov({heading: -20, pitch: 0, zoom: 0}); // マップとストリートビューの一致させる為の記述 map.setStreetView(svp); } // function initialize() // ページを読み込んだ時にinitialize()を実行 google.maps.event.addDomListener(window, 'load', initialize); </script>