angular7引用高德地图实现地位功能

  1. 在angular项目中引入js文件 index.js
           
            
            

    注意:其中的key在高德地图开发平台中注册之后可以自行注册,只用在index.js中才能使用script标签,其他位置不能使用

  2. 在ts文件中使用函数
    declare var AMap: any;      声明AMap不然会报错
                let map = new AMap.Map('iCenter');
                //获取用户所在城市信息
                var geolocation
                map.plugin('AMap.Geolocation', function () {
                       //实例化城市查询类
                    geolocation   = new AMap.Geolocation();
                })
                geolocation.getCityInfo((status, result) => {
                    this.city = result;
                    this.city.name = result.city;
                });

    其中的result就是具体的定位城市信息

  3. 详细信息请参考  https://lbs.amap.com/

  4.  

你可能感兴趣的:(angular)