GoogleマップのURLを取得していますか？ :)

Question

は、私は同じように、私自身のPHPスクリプトをしました：あなたはそれを見ることができるように

<?php 

    <iframe width="425" height="350" frameborder="0" scrolling="no" src="' .$url .'"></iframe> 

?> 

、右の「リンク」をクリックし、デフォルトGoogleマップはiframe（何も入力し、maps.google.comに行くのですチェックコードudner "HTMLを貼り付けてウェブサイトに埋め込む"をチェックして、どのように見えるかを確認します）。

要点は、$ url変数のユーザーフレンドリーな入力を作成することです。

この時点で、ユーザーはGoogleのウェブサイトに行き、「リンク」から2番目のURLをコピーしてから他のものをすべて削除し、src = urlだけを入力に入れなければなりません。

私のサイトでGoogle Maps検索を作成して、検索後に入力を位置データで更新する方法はありますか？

それはそのようになります。

http://jsfiddle.net/rMLKJ/

Answer 1

は、GoogleのジオコーダWebサービスを使用することができます。

http://code.google.com/intl/en/apis/maps/documentation/geocoding/index.html

それはへのHTTPリクエストです：あなたはそれをサーバ側をしたい場合は

http://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false 

。あなたのPHPコードからリクエストを作成すると、座標が得られ、フロントエンドに渡すことができます。

クライアント側のアプローチが必要な場合は、javascriptからajaxを使用して要求を行い、別のajax呼び出しを使用して座標をサーバーに送信できます。私はあなたのためhere

をデモを設定している

Answer 2

シンプルなPHPスクリプトは、私はAjaxリクエストを行うためにここにjQueryを使用しているGoogleのジオコーディングAPI

<?php 

$address = $_GET['address']; 
$address=str_replace(" ","+",$address); 
if ($address) { 
    $json = file_get_contents('http://maps.googleapis.com/maps/api/geocode/json?address='.$address. 
    '&sensor=true'); 
    echo $json; 
} 

?> 

を使用して座標を取得します。緯度と経度はPHPスクリプトから返されたJSONから解析され、マップ上の位置を表示するマーカーが作成されます。

function getMarker() { 
    var address=$('#address').val(); 
    address=address.replace(/ /g,"+"); 

    $.getJSON("getjson.php?address="+address, 
     function(data){ 
      lat=data.results[0].geometry.location.lat; 
      lng=data.results[0].geometry.location.lng; 
      point= new google.maps.LatLng(lat,lng); 
      map.setCenter(point); 
      zoom = 14; 
      marker = createMarker(point,"<h3>Marker"+(markersArray.length+1)+"</h3>",zoom); 

      var newLi=document.createElement("li"); 
      var newA=document.createElement("a"); 
      var newText = document.createTextNode("Marker "+(markersArray.length+1)); 
      newA.appendChild(newText); 
      newLi.appendChild(newA); 
      newA.setAttribute('onclick','displayMarker(this.innerHTML);'); 
      document.getElementById('marker_tabs').appendChild(newLi); 
      markersArray.push(marker); 
     } 
    ); 

} 

ユーザーが入力した検索クエリに基づいて、複数の結果が返されることがあります。これは一例に過ぎないので、私は最初の結果を残しました。

Answer 3

その非常にシンプル：

<?php $url = str_replace('&', '&amp;', $url).'&amp;output=embed'; ?> 

<iframe width="425" height="350" frameborder="0" scrolling="no" src="<?php echo $url ?>"></iframe> 

Answer 4

あなたが今Maps APIを製品の一部ですGoogle Maps URLs を使用して、このようなURLを構築することができる新しい方法をチェックしてください。