Javascript 如何从谷歌地图URL获取经度和纬度

Javascript 如何从谷歌地图URL获取经度和纬度,javascript,php,jquery,html,google-maps,Javascript,Php,Jquery,Html,Google Maps,我想从谷歌地图URL中提取经度和纬度 是否可以使用Jquery来提取它们 像 https://www.google.com/maps/place/Arctic+像素+数字+解决方案/@63.6741553,-164.9587713,4z/数据=!3m1!4b1!4m5!3m4!10x5133B2ED09C706B9:0x66deacb5f48c5d57!8m2!3d64.751111!4d-147.3494442 经纬度是 后勤:63.6741553 纬度:-164.9587713 我想用jqu

我想从谷歌地图URL中提取经度和纬度 是否可以使用Jquery来提取它们 像

https://www.google.com/maps/place/Arctic+像素+数字+解决方案/@63.6741553,-164.9587713,4z/数据=!3m1!4b1!4m5!3m4!10x5133B2ED09C706B9:0x66deacb5f48c5d57!8m2!3d64.751111!4d-147.3494442

经纬度是 后勤:63.6741553 纬度:-164.9587713


我想用jquery提取它们查看这个链接,你可以找到如何从谷歌地图URL提取经度和纬度


查看此链接,您可以找到如何从谷歌地图URL提取经度和纬度

编辑:

编辑:

根据评论,我想这正是你想要的:

<script>
    $(function() {
        $('#btn').on('click', function() {
            var url = $('input[name=googlemapurl]').val();
            var regex = new RegExp('@(.*),(.*),');
            var lon_lat_match = url.match(regex);
            var lon = lon_lat_match[1];
            var lat = lon_lat_match[2];

            $('input[name=longitude]').val(lon);
            $('input[name=latitude]').val(lat);
        });
    });
</script>

<p><input type="text" class="form-control" placeholder="Google Map Link" name="googlemapurl"/></p>
<p><input type="text" class="form-control" placeholder="GPS Longitude" name="longitude" /></p>
<p><input type="text" class="form-control" placeholder="GPS Latitude" name="latitude" /></p>
<p><button id="btn">Extract</button></p>

$(函数(){
$('#btn')。在('click',function()上{
var url=$('input[name=googlemapurl]')。val();
var regex=new RegExp('@(.*),(.*));
var lon_lat_match=url.match(regex);
var lon=lon_lat_匹配[1];
var lat=lon_lat_match[2];
$('input[name=longitude]').val(lon);
$('input[name=latitude]').val(纬度);
});
});

提取

根据评论,我想这正是你想要的:

<script>
    $(function() {
        $('#btn').on('click', function() {
            var url = $('input[name=googlemapurl]').val();
            var regex = new RegExp('@(.*),(.*),');
            var lon_lat_match = url.match(regex);
            var lon = lon_lat_match[1];
            var lat = lon_lat_match[2];

            $('input[name=longitude]').val(lon);
            $('input[name=latitude]').val(lat);
        });
    });
</script>

<p><input type="text" class="form-control" placeholder="Google Map Link" name="googlemapurl"/></p>
<p><input type="text" class="form-control" placeholder="GPS Longitude" name="longitude" /></p>
<p><input type="text" class="form-control" placeholder="GPS Latitude" name="latitude" /></p>
<p><button id="btn">Extract</button></p>

$(函数(){
$('#btn')。在('click',function()上{
var url=$('input[name=googlemapurl]')。val();
var regex=new RegExp('@(.*),(.*));
var lon_lat_match=url.match(regex);
var lon=lon_lat_匹配[1];
var lat=lon_lat_match[2];
$('input[name=longitude]').val(lon);
$('input[name=latitude]').val(纬度);
});
});

提取

试试这个:

var URL=”https://www.google.com/maps/place/Arctic+像素+数字+解决方案/@63.6741553,-164.9587713,4z/数据=!3m1!4b1!4m5!3m4!1s0x5133b2ed09c706b9:0x66deacb5f48c5d57!8m2!3d64.751111!4d-147.3494442”;
var splitUrl=URL.split(“!3d”);
var latLong=splitUrl[splitUrl.length-1].split(“!4d”);
var经度;
if(latLong.indexOf(“?”)!=-1){
经度=latLong[1]。拆分(“\\?”)[0];
}否则{
经度=拉特朗[1];
}
var纬度=拉特朗[0];
控制台日志(纬度)//64.751111
console.log(经度)//-147.3494442
试试这个:

var URL=”https://www.google.com/maps/place/Arctic+像素+数字+解决方案/@63.6741553,-164.9587713,4z/数据=!3m1!4b1!4m5!3m4!1s0x5133b2ed09c706b9:0x66deacb5f48c5d57!8m2!3d64.751111!4d-147.3494442”;
var splitUrl=URL.split(“!3d”);
var latLong=splitUrl[splitUrl.length-1].split(“!4d”);
var经度;
if(latLong.indexOf(“?”)!=-1){
经度=latLong[1]。拆分(“\\?”)[0];
}否则{
经度=拉特朗[1];
}
var纬度=拉特朗[0];
控制台日志(纬度)//64.751111


console.log(经度)//-147.3494442
在javascript@prakashtank中使用split你能帮我使用它吗?为什么不使用API而不是破解URL字符串?@hammad,正如prakash tank下面所说的,我用javascript split()为你准备好了代码.在javascript@prakashtank中使用split你能帮我使用它吗?为什么不使用API而不是破解URL字符串?@hammad,正如prakash tank下面所说的,我用javascript split()为你准备好了代码。谢谢,但我在javascript方面不是很专业。你能帮我如何在输入字段中显示这一点吗?当然,查看我的编辑(
输入示例
链接),非常感谢。是否可以从输入字段自动获取url?像谷歌地图url的输入字段。自动获取url?你能详细说明一下吗?谢谢,但我在Javascript方面不是很专业。你能帮我在输入字段中如何显示这个吗?当然,请查看我的编辑(
输入示例
链接)非常感谢。是否可以从输入字段自动获取url?像谷歌地图url的输入字段。自动获取url?你能详细说明一下吗?虽然这在理论上可以回答问题,但在此处包含答案的基本部分,并提供链接供参考。虽然这在理论上可以回答问题,但在此处包含答案的基本部分,并提供链接供参考。如何与autoget url“”一起使用您的意思是将url传递到
googlemapurl
输入字段,当您单击按钮时,将在相应的输入字段中获得经度和纬度值。对吗?没错我需要这个我已经更新了答案。您可以将其签出。如何与autoget url“”一起使用您的意思是将url传递到
googlemapurl
输入字段,当您单击按钮时,将在相应的输入字段中获得经度和纬度值。对吗?没错我需要这个我已经更新了答案。你可以去看看。
<script>
    $(function() {
        $('#btn').on('click', function() {
            var url = $('input[name=googlemapurl]').val();
            var regex = new RegExp('@(.*),(.*),');
            var lon_lat_match = url.match(regex);
            var lon = lon_lat_match[1];
            var lat = lon_lat_match[2];

            $('input[name=longitude]').val(lon);
            $('input[name=latitude]').val(lat);
        });
    });
</script>

<p><input type="text" class="form-control" placeholder="Google Map Link" name="googlemapurl"/></p>
<p><input type="text" class="form-control" placeholder="GPS Longitude" name="longitude" /></p>
<p><input type="text" class="form-control" placeholder="GPS Latitude" name="latitude" /></p>
<p><button id="btn">Extract</button></p>