高德地图精确到某个位置

简介: 高德地图精确到某个位置

html

CSS

JS

<script type="text/javascript">
            window._AMapSecurityConfig = {
                securityJsCode: "0c8429e34d5e6f72763643eb8b70b8de",
            }
        </script>
        <script
            src="https://webapi.amap.com/maps?v=2.0&key=13039019de0ea5a40c6467d08631fa4e&plugin=AMap.DistrictSearch">
        </script>
        <script>
            // aMap.setMapType(AMap.MAP_TYPE_SATELLITE);// 设置卫星地图模式,aMap是地图控制器对象。
            var map = new AMap.Map('container', {
                resizeEnable: true,
                zoom: 8,
                center: [113.551505, 35.181371],
                layers: [
                    new AMap.TileLayer.RoadNet({
                        zIndex: 20
                    }),
                    // new AMap.TileLayer({
                    //     zIndex:6,
                    //     opacity:1,
                    //     getTileUrl:'https://t{1,2,3,4}.tianditu.gov.cn/DataServer?T=ter_w&x=[x]&y=[y]&l=[z]'
                    // })
                ]
            });
            new AMap.DistrictSearch({
                extensions: 'all',
                subdistrict: 0
            }).search('新乡市', function(status, result) {
                // 外多边形坐标数组和内多边形坐标数组
                var outer = [
                    new AMap.LngLat(-360, 90, true),
                    new AMap.LngLat(-360, -90, true),
                    new AMap.LngLat(360, -90, true),
                    new AMap.LngLat(360, 90, true),
                ];
                var holes = result.districtList[0].boundaries
                var pathArray = [
                    outer
                ];
                pathArray.push.apply(pathArray, holes)
                var polygon = new AMap.Polygon({
                    pathL: pathArray,
                    strokeColor: '#3B6593',
                    strokeWeight: 1,
                    fillColor: '#305379',
                    fillOpacity: 0.5
                });
                polygon.setPath(pathArray);
                map.add(polygon)
            })
        </script>
相关文章
|
5月前
|
定位技术
腾讯地图的(地图选点|输入模糊匹配)
腾讯地图的(地图选点|输入模糊匹配)
|
6月前
|
JavaScript 前端开发 小程序
高德地图实现-逆地理编码-输入提示-地图标点-实现车库管理
高德地图实现-逆地理编码-输入提示-地图标点-实现车库管理
194 0
|
6月前
|
前端开发 JavaScript 数据挖掘
浅谈游戏地图中位置实时更新的技术方案
浅谈游戏地图中位置实时更新的技术方案
120 1
|
定位技术 容器
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
130 0
|
前端开发 定位技术 API
百度地图API:根据起始点经纬度坐标确认最佳路线规划
百度地图API:根据起始点经纬度坐标确认最佳路线规划
124 0
|
定位技术 API
百度地图和腾讯地图开发经纬度的位置是互换的
百度地图和腾讯地图开发经纬度的位置是互换的
481 0
|
安全 定位技术 开发者
(可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等
(可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等
557 0
(可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等
|
前端开发 定位技术 API
前端通过高德地图实现 定位,拖拽选址,搜索选址,搜索记录,城市切换【推荐】
前端通过高德地图实现 定位,拖拽选址,搜索选址,搜索记录,城市切换【推荐】
335 0
|
前端开发 定位技术 API
高德地图实现 定位,拖拽选址,搜索选址,搜索记录,城市切换(推荐)
高德地图实现 定位,拖拽选址,搜索选址,搜索记录,城市切换(推荐)
334 0
|
定位技术 开发工具 Android开发
百度地图开发-显示实时位置信息 04
百度地图开发-显示实时位置信息 04
212 0
百度地图开发-显示实时位置信息 04