通常のリンクからGoogleマップの埋め込みURLを取得

Question

私は最近、通常のGoogleマップのURLを自分のページにドラッグすることができるサイトに出くわしました。自動的にそれがiframe経由で埋め込まれます。私はGoogle Maps Embed APIを読んで、これを行う方法がないように思えます。私はこれが正規表現を使用してパラメータを抽出することで達成できるかどうかはわかりません。

// Sample https://www.google.com/maps/@37.23,-121.9035969,14z 

$(button).click(function() { 
    reg-url = $('#inputbox').val(); 
    convert(); 
}); 

function convert() { 
    embedid = //get param from reg-url 
    $('.wrapper').html("<iframe src='https://www.google.com/maps/embed?pb="+embedid+"'>"); 
} 

したがって、基本的なマップURLを埋め込みURLに変換するjquery関数を作成したいと考えています。あなたのサンプルで

Answer 1

function GoogleMapsURLToEmbedURL(GoogleMapsURL) 
{ 
    var coords = /\@([0-9\.\,\-a-zA-Z]*)/.exec(GoogleMapsURL); 
    if(coords!=null) 
    { 
     var coordsArray = coords[1].split(','); 
     return "https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d20000!2d"+coordsArray[1]+"!3d"+coordsArray[0]+"!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2suk!4v1486486434098"; 
    } 
} 

： - 後

https://www.google.com/maps/@37.23,-121.9035969,14z 

'@'、37.23が-121.9035969は秒、14Zはズームで、1座標です。

私はあなたのためにコーディネートしました。あなたがする必要があるのは、ズームを埋め込みのための整数に変換する作業をする場合です（私は常に20000に設定しました。 Webインターフェイスに応じて14番目のズームレベルの周りにいるように見えます。