2016-04-02 5 views
0

GoogleマップのURLを埋め込みiframeに変換して、HTMLに表示できるようにします。GoogleマップのURLをiFrameに変換する

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13007260.396144057!2d-104.66829755128677!3d37.257180679921!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2s!4v1459600802389" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> 

私のクエリがどのようである:

https://www.google.com/maps/place/United+States/@37.2571807,-104.6682976,5z/data=!3m1!4b1!4m2!3m1!1s0x54eab584e432360b:0x1c3bb99243deb742?hl=en

このURLに移動し、クリックして「共有」はGoogleがあなたにこのようなiframe内に埋め込むマップのURLを与える: たとえば、このURLを取りますURL "https://www.google.com/maps/place/United+States/@37.2571807,-104.6682976,5z/data=!3m1!4b1!4m2!3m1!1s0x54eab584e432360b:0x1c3bb99243deb742?hl=en"を解析してiframe 1に変換しますか?

答えて

0

をパーズしてのURLをシェアすると、iframeになることはできません。 2つを比較すると、データはDIFFERENTです。 @(-?\d*[.]?\d*,-?\d*[.]?\d*),(\d)z

Try the API.

あなたは、この正規表現を使用することができます。

URLはhttps://www.google.com/maps/embed/v1/view ?key=YOUR_API_KEY &center=$1 &zoom=$2 &maptype=satelliteとなります。$1$2は正規表現のものです。

関連する問題