使用Javascript从Google Places搜索api获取纬度和经度

如何使用谷歌地图搜索框api从搜索到的位置获取经度和纬度.

我使用与谷歌演示相同的代码 – https://developers.google.com/maps/documentation/javascript/examples/places-searchbox

搜索代码:

<script type="text/javascript">
    //自动搜索
    function initMap() {
        var input = document.getElementById(‘address_search‘);
        var places = new google.maps.places.Autocomplete(input);
        google.maps.event.addListener(places, ‘place_changed‘, function () {
                var place = places.getPlace();
                var address = place.formatted_address;
                var latitude = place.geometry.location.A;
                var longitude = place.geometry.location.F;
                var mesg = "Address: " + address;
                mesg += "nLatitude: " + latitude;
                mesg += "nLongitude: " + longitude;
                console.log(place);
                GetLatlong();
        });
    }
    //根据google places搜索api获取经纬度
    function GetLatlong()
    {
        var geocoder = new google.maps.Geocoder();
        var address = document.getElementById(‘address_search‘).value;

        geocoder.geocode({ ‘address‘: address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var latitude = results[0].geometry.location.lat();
                var longitude = results[0].geometry.location.lng();
                alert(latitude+","+longitude);
            }
        })
    }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=xxxxx&libraries=places&callback=initMap">
</script>

  

原文地址:https://www.cnblogs.com/mracale/p/11133530.html

时间: 2024-10-09 12:44:43

使用Javascript从Google Places搜索api获取纬度和经度的相关文章

HTML5+Ajax+Jquery调用Google搜索API实现搜索引擎,支持web,image,news,vedio4种模式!

原文:HTML5+Ajax+Jquery调用Google搜索API实现搜索引擎,支持web,image,news,vedio4种模式! 源代码下载地址:http://www.zuidaima.com/share/1550463589878784.htm web,image,news,vedio4种模式! 已经拿javaniu作出测试,下载即可查看 

使用Google Elevation API获取海拔高度(java版)

Google Elevation API提供了根据某地经纬度获取该地点海拔高度的接口.开发者可以调用该API获取地点的海拔信息.使用Google Elevation API之前,用户首先需要注册为Google Developer,获取API key. 开发者可以查看API的调用记录,目前Elevation API的限制次数为2500次/每天,每次API访问的字节数小于2000字符. 相应的Java代码如下所示: package elevation; import java.io.*; impor

JSON之三:获取JSON文本并解释(以google的天气API为例)

google提供了天气的api,以广州天气为例,地址为: http://api.openweathermap.org/data/2.5/weather?q=guangzhou 返回的结果为: { "coord": { "lon": 113.25, "lat": 23.12 }, "sys": { "message": 0.2088, "country": "CN",

通过Javascript Facebook API获取Facebook用户信息,以及当前用户的好

在使用APP之前需要先生成Facebook APP ID 这不必多说. 生成Facebook APP ID之后 在javascript中 初始化Facebook信息 而且我定义了一些我需要获取获取数据的全局变量 <script language="javascript" type="text/javascript"> //这是我们要获取的信息变量 var facebookId; var facebookName; var facebookProfileI

jsonp跨越请求百度搜索api,实现下拉列表提示

题目来源: 最近在做百度IFE前端技术学院的题,然后有一题就是模拟百度搜索智能提示.题目是开源的,稍后给出地址. 因为博主没学过后端啊,欲哭无泪,所以不能实现后端模糊搜索,那如果前端ajax纯粹请求一份同样的数据,效果就不好. 机智的博主直接把百度搜索api借来一下. 直接从开发者工具,监控网络,找到请求地址. 百度api: 我把api缩减了一下,删除了大部分暂时用不上的参数. https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=abc

【转】百度API获取城市名地名(附源码)

在做一个软件时,用到了定位功能.网上有很多关于google 的GPS定位,但网上关于google定位都没有用, 搜索下原因:(这里建议大家在中国就尽量不使用系统自带的定位) 因为Google的服务器不在中国(就算能网上关于定位的代码能用,那也非常的慢,除非你的应用是在国外使用)    由于网络等原因所以定位一般会失败 于是转向使用百度api来定位. 所用到的百度API参考地址. 取得位置的百度官方sdk参考 Android定位SDK 由坐标获取地址方法参考 Geocoding API 的 7.逆

jsonp跨越请求百度搜索api 实现下拉列表提示

题目来源: 最近在做百度IFE前端技术学院的题,然后有一题就是模拟百度搜索智能提示.题目是开源的,稍后给出地址. 因为博主没学过后端啊,欲哭无泪,所以不能实现后端模糊搜索,那如果前端ajax纯粹请求一份同样的数据,效果就不好. 机智的博主直接把百度搜索api借来一下. 直接从开发者工具,监控网络,找到请求地址. 百度api: 我把api缩减了一下,删除了大部分暂时用不上的参数. https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=abc

通过百度API获取城市公交线路坐标点及站点信息

话不多说,先挂最后的数据结果,如果这是你想要的,我们再接着看: 公交线路坐标数据&公交站点坐标数据     正文开始: 前期数据准备:获取城市所有公交线路名称 使用python爬取,结果如下,代码参考:https://www.cnblogs.com/Qiuzhiyu/p/12183140.html 需要准备的js包: <!--用于坐标系转换的js包 详见github:https://github.com/hujiulong/gcoord --> (非必须) <script src

03SQLite的增删改查(Google提供的API)

SQLite的增删改查(Google提供的API) SQLiteDatabase 除了前面给大家介绍的execSQL()和rawQuery()方法, SQLiteDatabase还专门提供了对应于添加.删除.更新.查询的操作方法:insert().delete().update()和query() .这些方法实际上是给那些不太了解SQL语法的菜鸟使用的,对于熟悉SQL语法的程序员而言,直接使用execSQL()和rawQuery()方法执行SQL语句就能完成数据的添加.删除.更新.查询操作. I