私は自分自身を平均的なPHPコーダーと考えていますが、自分のウェブサイトに必要な数のJavaScriptコードをほとんど編集することはできません。私はPHP変数のアドレスを持っており、そのアドレスを持つ私のWebページに表示される単純なマップが欲しいと思います。私はインターネット上でいくつかの調査をしましたが、Google APIが理解できる場所に住所を変換することで、多くの情報ジオコーディングが見つかりましたが、私は完全に失われています。変数を埋め込むことのできる単純なコードはありませんか?PHP変数のアドレス、Javascriptを使用しないGoogleマップの埋め込みですか?
6
A
答えて
21
iframeを使用してURLパラメータとしてアドレスを渡すことができます。
<iframe width="640" height="480" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.it/maps?q=<?php echo $yourAddress; ?>&output=embed"></iframe>
3
Geocoder APIを使用する必要があります。
ここでは、(元はhereを見つけることができます)に行く:
<head>
...
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var mapOptions = {
zoom: 12, //Change the Zoom level to suit your needs
mapTypeId: google.maps.MapTypeId.ROADMAP
}
//map_canvas is just a <div> on the page with the id="map_canvas"
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
//Your Variable Containing The Address
var address = "<?php echo $AddressVariable; ?>";
geocoder.geocode({ 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
//places a marker on every location
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
</script>
...
</head>
マップを初期化するために、あなたのページの開口部body
タグにこれを追加します。
<body onload="initialize()">
そしてhere'sのドキュメントGeocoder
クラス。
0
これらのリンクは、完全な正確なリンクが、その使用をyou..notするフル活用:) TC ..です
0
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<?php
$address = str_replace(" ", "+",$address_variable);
?>
<iframe style="width:100%;height:50%;" frameborder="0" id="cusmap" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.it/maps?q=<?php echo $address; ?>&output=embed"></iframe>
関連する問題
- 1. Googleマップ:埋め込みデフォルトのmapTypeIdを変更するか、Javascript APIマップの埋め込みAPIマップからコントロールを使用しますか?
- 2. PlaceIdを使用して埋め込みGoogleマップを表示
- 3. 埋め込みGoogleマップから
- 4. Googleマップの埋め込みAPIを表示できない
- 5. 埋め込みGoogleマップのズームを変更できません。
- 6. PHP/MySQLを使用したJavaScript配列の埋め込み
- 7. PHP用埋め込みJavascriptインタプリタ
- 8. Googleマップを埋め込む
- 9. 埋め込みマップでoutE()を使用したクエリのフィルタリング
- 10. 埋め込みマップの最大ウェイポイント数
- 11. Googleマップのasp.netからオンラインデータベースを埋め込みます
- 12. 埋め込みのGoogleマップでビジネスを表示する方法
- 13. 埋め込みGoogleマップのマーカーをクリックしないようにする
- 14. 埋め込みGoogleマップ周辺の白いバーを削除
- 15. IE9がGoogleマップの埋め込みでクラッシュする
- 16. JavaScriptでPHP変数を使用した読み込みエラー
- 17. Googleマップの埋め込みコードに適したサイズ - CSS/HTML
- 18. Googleマップの埋め込みiframeから住所を抽出したい
- 19. 埋め込みGoogleマップから情報ウィンドウを削除
- 20. javascript変数を埋め込みアンケートフォームに渡します
- 21. 埋め込みpdfを使用した動的ページのGoogleアナリティクスコード
- 22. 埋め込みGoogleマップで個別に情報ウィンドウを開く
- 23. 埋め込みPHPのショート
- 24. PHPの埋め込みプロファイラ
- 25. JavaScript/jQuery用のHTML埋め込みコードハイライター
- 26. JavascriptのためのGoogle Webfontsの選択と埋め込みウィジェット
- 27. Google Chromeで動作しないコンテナdivの埋め込み
- 28. jQueryを使用したコントロールの埋め込みJavaScript
- 29. Javascriptファイル(Google Analytics/Amazon Webstore)を使用して埋め込みJavaScriptを変更する
- 30. Googleマップに埋め込みマーカーを無効にする
アウトこの質問をチェック、それは助けてくれるはずです:http://stackoverflow.com/questions/4157750/passing-address-to-google-maps-on-page-load – BenOfTheNorth