关于google地图的一些使用

1、注册google账号（开发文档地址：https://developers.google.com/maps/gmp-get-started）

  通过上面文档地址可以创建apikey,及添加自己的使用接口

2、真实示例

   1、打开页面获取当前用户地理位置

     js代码：

​​​​​​​var map, infoWindow;
    function initMap() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                console.log(position);
                var pos = {
                    lat: position.coords.latitude,
                    lng: position.coords.longitude
                };
                $.ajax({
                    type : "post",
                    url : "{:__URL('APP_MAIN/Index/nearShop')}",
                    data : pos,
                    success : function(data) {
                       console.log(data);
                       $("#shopname").html(data.shopname);
                    }
                })
                // console.log(pos);
                // infoWindow.setPosition(pos);
                // infoWindow.setContent('Location found.');
                // infoWindow.open(map);
                // map.setCenter(pos);
            }, function (error) {
//处理错误
                console.log(error);
                switch (error.code) {
                    case 1:
                        alert("位置服务被拒绝。");
                        break;
                    case 2:
                        alert("暂时获取不到位置信息。");
                        break;
                    case 3:
                        alert("获取信息超时。");
                        break;
                    default:
                        alert("未知错误。");
                        break;
                }
            });
        } else {
            // Browser doesn't support Geolocation
            handleLocationError(false, infoWindow, map.getCenter());
        }
    }

    引入js文件：

2、通过输入的地址获取经纬度

html代码：

js代码：

引入js文件： 

后台显示地图及根据地址获取经纬度：

  html代码：

                

                    
*门店地址：
                    

                        
                        
                        

                    
                
                

                    
 *经纬度：
                    

                        
                        
                    
                

js代码：

1、地理位置请求接口：

地址：https://developers.google.com/maps/documentation/geolocation/intro

地理定位请求使用POST发送到以下URL：https://www.googleapis.com/geolocation/v1/geolocate?key=YOUR_API_KEY

 

根据输入的地址获取经纬度信息：

https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY