2022 高德地图的使用获取当前城市

最新推荐文章于 2024-02-02 14:14:23 发布

怂叔

最新推荐文章于 2024-02-02 14:14:23 发布

阅读量4.3k

点赞数

本文链接：https://blog.csdn.net/Jie0817/article/details/122683783

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

2021年12月02日申请以后的key需要配合安全密钥一起使用

	<script>
		window._AMapSecurityConfig = {
            securityJsCode:'安全密钥',
        }
	</script>
	<script src="https://webapi.amap.com/loader.js"></script>
<script>
    function showCityInfo() {
			AMapLoader.load({
				"key": "",              // 申请好的Web端开发者Key，首次调用 load 时必填
				"version": "2.0",   // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
				"plugins": ['AMap.CitySearch'],           // 需要使用的的插件列表，如比例尺'AMap.Scale'等
				"Loca":{                // 是否加载 Loca， 缺省不加载
						"version": '2.0'  // Loca 版本
				},
		}).then((AMap)=>{
			AMap.plugin('AMap.CitySearch', function () {
				var citySearch = new AMap.CitySearch()
				citySearch.getLocalCity(function (status, result) {
					if (status === 'complete' && result.info === 'OK') {
						console.log(result);
						// 查询成功，result即为当前所在城市信息
					}
				})
			})
		}).catch((e)=>{
				console.error(e);  //加载错误提示
		}); 
		}
showCityInfo();
</script>