No.3ベストアンサー
- 回答日時:
#2 です。
当然、以下の部分も必要です。
var map = null;
var geocoder = null;
// 初期化
// <body onload="load()"> で呼び出されています
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.67431, 139.69082), 13);
// GClientGeocoderを初期化
geocoder = new GClientGeocoder();
}
}
これらのソースに、#2で書いたものを追加、と言う事ですよ。
当然、Google Maps のAPI keyはXXXではなく、取得したものを指定して下さい。
http://www.geekpage.jp/web/google-maps-api/
GEEKなページのGoogle Maps API を最初から読んで理解していけば難しいことはありません。
この回答への補足
何度もすみません。
DBから取得した住所をJavascriptに渡せたのですが、その情報をもとに緯度経度を取り出すというのがわかりません。あと、その緯度経度をもとに初期表示というのが目的です。
<?php
$DBaddress = "大阪市北区芝田" ;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQ …
type="text/javascript" charset="utf-8"></script>
</head>
<body onload="load()">
<div id="map" style="width:450px; height:400px"></div>
<script type="text/javascript">
//<![CDATA[
var map = null;
var geocoder = null;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.67431, 139.69082), 13);//ここへの値の代入の仕組みがわかりません。
geocoder = new GClientGeocoder();
}
}
window.onload = function(){
showAddress('{$DBaddress }');
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
//]]>
</script>
</body>
</html>
No.2
- 回答日時:
補足に書いてあるHPでは、フォームデータをJavaScriptの showAddress();という関数に入れています。
そのソースをそのまま使うとした場合、下記のようになると思います。<?php
$DBaddress = "hogehoge" ;//データ取得して$DBaddressに入れる、文字列です
//あとは、このデータをJavaScriptへ渡せばよいです。面倒だからヒアドキュメントで書きました。
echo <<<EOC
<script type="text/javascript">
//<![CDATA[
window.onload = function(){
showAddress('{$DBaddress }');
}
//]]>
</script>
EOC;
?>
こんな感じでしょうか。
文字エンコードには注意して下さい。
参考まで。
この回答への補足
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=XXX"
type="text/javascript" charset="utf-8"></script></head>
<body onload="load()">
<script type="text/javascript">
//<![CDATA[
window.onload = function(){
showAddress('大阪市北区芝田');
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
//]]></script></body></html>
となりPHPから値が受け渡せましたが地図が表示できません。
どのようにしたら良いでしょうか?
No.1
- 回答日時:
実際にどうコーディングしたら、どんなエラーメッセージが
でたなどの情報がないと答えるのは難しいですね。
この回答への補足
http://www.geekpage.jp/web/google-maps-api/geoco …
を参考に書いたのですが、テキストボックスなしでブラウザの起動と同時に初期の住所情報をDBから受取り表示させようとしています。
DBから住所情報=大阪市北区芝田・・・という情報をうけとりこの情報を元に初期表示をしようと考えています。
どのように表記したらよいでしょうか?
よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(クラウドサービス・オンラインストレージ) ドライブレコーダーとGoogleMapが同期しなくなった 1 2022/06/02 22:00
- Chrome(クローム) Chromeでgooglemap検索等結果が他国になってしまう 1 2022/10/05 12:18
- その他(開発・運用・管理) おんどとりWebStorage APIから温度情報を取得し表示したい 2 2023/08/03 09:53
- Google Maps GoogleMapを観ると、お店も載っていますが、「混んでます」等と現在の店内の込み具合が地図上に表 3 2023/04/30 06:35
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Excel(エクセル) アウトラインの小計のやり方 1 2023/03/20 11:51
- PHP PHP MySql ページング 2 2022/09/20 06:38
- PHP JSON_UNESCAPED_UNICODEをつけてもJSONの日本語がブラウザで表示されない 1 2022/11/16 07:22
- iPhone(アイフォーン) iPhone 探す について iPhoneの探す(アプリ)なのですが、さっき初めて開きました。 人を 1 2022/09/29 19:31
- その他(パソコン・スマホ・電化製品) A.I.D社のポータブルナビの地図更新について 1 2022/05/13 15:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
この将棋プログラムに王様ゲッ...
-
google apps scriptの終了のさせ方
-
翌月を取得するGASが分かりません
-
ジェネレーターの作り方
-
イベントが初めの一回しか起き...
-
C#OpenCv V4にのエラーに関する...
-
初回訪問(アクセス)日時の取...
-
html javascript リンク先アド...
-
FCKeditorで画像登録ができませ...
-
APIを使って埋め込んだグーグル...
-
GoogleMapのAPIで初期の地図の表示
-
C#で、ContextMenuStripに動的...
-
VSCODE[Python]の設定について
-
JavaScriptで文字列の特定文字...
-
GASでundefinedエラーが出ます
-
ASP.NETのコントロールの値をJa...
-
JSONPを処理するにはどうすれば...
-
記述方法について
-
colorbox (オーバレイでの向き...
-
javaScriptのコードの修正をお...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
なぜmatchメソッドがエラーにな...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
html javascript リンク先アド...
-
gas スプレッドシートがアクテ...
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
C# 演算 奇数と偶数 表現の仕方
-
javascriptでiframeのURL変更は?
-
C#で、ContextMenuStripに動的...
-
ASP.NET MVCでObjectをjsに渡す
-
1日1回引けるJavaScriptおみく...
-
javascriptでテーブルに追加し...
-
JavaScriptを使って毎日決まっ...
-
googleスプレッドシートのApps ...
-
JavaScriptで文字列の特定文字...
-
アクセス時からのカウントダウ...
-
ローカルにあるファイルを検索...
おすすめ情報