2017-06-05 6 views
-1

Googleマップのiframeを使用して地図上に場所を表示しようとしています。 Googleマップ:アドレスが見つからない場合は別の場所を表示

Qパラメータ値はデータベースに格納されたユーザデータからアドレス+市+状態+フェッチ国に設定されています。 maps.google.com検索フィールドにコピーして貼り付けされている場合

<iframe src="http://maps.google.com/maps?q=34A (1st Floor), Jalan SS 267, Petaling Jaya, Selangor,Malaysia&layer=tc&t=m&z=15&source=embed&output=svembed"></iframe> 

しかしながら、Qパラメータを表示することができない、時には場合、それは表示されません。

私の質問:のアドレスのアドレスが見つからない場合は、都市と州を表示する方法がありますか?

答えて

0

おそらくGoogle Maps Embed APIを使用して回避策を作成できますが、追加の手順が必要です。

都市の緯度と経度の位置を取得する必要があります。例えば、ジオコーディングAPIを使用して、あなたは「ペタリンジャヤ、セランゴール、マレーシアは」3.1278871,101.5944885

https://google-developers.appspot.com/maps/documentation/utils/geocoder/#q%3DPetaling%2520Jaya%252C%2520Selangor%252CMalaysia

今、あなたはであなたのマップを中央に埋め込みAPIの中心とズームパラメータを適用することができ座標持っていることがわかりますシティ。得られたURLがあろう

https://www.google.com/maps/embed/v1/place?q=34A%20(1st%20Floor)%2C%20Jalan%20SS%20267%2C%20Petaling%20Jaya%2C%20Selangor%2CMalaysia&center=3.1278871,101.5944885&zoom=13&key=YOUR_API_KEY

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>Embed API</title> 
 
</head> 
 
<body> 
 
<iframe 
 
    
 
src="https://www.google.com/maps/embed/v1/place?q=34A%20(1st%20Floor)%2C%20Jalan%20SS%20267%2C%20Petaling%20Jaya%2C%20Selangor%2CMalaysia&center=3.1278871,101.5944885&zoom=13&key=AIzaSyDztlrk_3CnzGHo7CFvLFqE_2bUKEq1JEU" width="600" height="400"> 
 
    
 
</iframe> 
 
</body> 
 
</html>

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>Embed API</title> 
 
</head> 
 
<body> 
 
<iframe 
 
    
 
src="https://www.google.com/maps/embed/v1/search?q=267%2C%20Jalan%20SS%202%2F2%2C%20Petaling%20Jaya%2C%20Selangor%2CMalaysia&center=3.1278871%2C101.5944885&zoom=13&key=AIzaSyDztlrk_3CnzGHo7CFvLFqE_2bUKEq1JEU" width="600" height="400"> 
 
    
 
</iframe> 
 
</body> 
 
</html>

代替アドレスを提供する方法はありませんが、都市にマップを配置することはできます。

+0

ありがとうございました。前に書いた例のように、私はapi keyなしでマップをロードしていました。 Google Maps APIでapiキーを使用しても、センターを設定するには場所の座標を取得する必要があります。これは、データベースからロードされた '都市+州'データに基づいて自動的には実行できません。私はプログラム的なやり方を見つけたと思う。 – Amr

関連する問題