麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

Google Map输入地址转换经纬度

之前,写过两篇文章,关于在Google Map中将经纬度转换成地址。Google map geocode服务将经纬度转换成具体地址(js)这里面利用的是jquery发送反向地址解析请求,然后利用jquery来解析返回的json,这种方法过于繁琐。后来在Google Map另外一种方法实现经纬度转换成具体地址(google.maps.Geocoder)中,用Google Map原生的方法实现了反向地址解析,也就是经纬度转换成地址。

本文实现的是地址转换经纬度,即地址解析。

效果如图:

关键代码:

$("#btn_sub").click(function(){//jQuery捕获点击动作
    myplace=$("#input_val").val();//获取输入的地址
    var geocoder = new google.maps.Geocoder();//创建geocoder服务
    /* 调用geocoder服务完成转换 */
    geocoder.geocode( { 'address': myplace}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        marker = new google.maps.Marker({
            map: map,
            position: results[0].geometry.location
        });
        infowindow = new google.maps.InfoWindow({
            content: results[0].geometry.location.lat()+' , '+results[0].geometry.location.lng(),
            maxWidth: 200
        });
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
        });
    } else {
        alert('Geocode was not successful for the following reason: ' + status);
    }
    });
});

说明:

其实这也是调用了Google Map的geocoder服务,跟上一篇文章中用的服务一致,只是参数换了而已。

后话:

还有一种简单方法,在浏览器中输入

http://maps.google.com/maps/api/geocode/json?address=杭州&language=zh-CN&sensor=false

将会出现杭州的经纬度信息。

或者在浏览器中输入

http://maps.google.com/maps/api/geocode/json?latlng=30,120&language=zh-CN&sensor=false

将会出现30,120对应的地址。

点击这里在线预览 猛击这里下载这个demo

相关阅读

麻辣GIS-Sailor

作者:

GIS爱好者,学GIS,更爱玩GIS。

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

手机阅读
公众号关注
知识星球
手机阅读
麻辣GIS微信公众号关注
最新GIS干货
关注麻辣GIS知识星球
私享圈子

留言板(小编看到第一时间回复)