高德地图精确到某个位置

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

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>
相关文章
|
7月前
uniApp获取当前位置经纬度
uniApp获取当前位置经纬度
391 0
|
6月前
|
定位技术
腾讯地图的(地图选点|输入模糊匹配)
腾讯地图的(地图选点|输入模糊匹配)
|
7月前
|
存储 JavaScript 小程序
高德地图实现点聚合功能的详细步骤加截取地图图片 (附源码)
高德地图实现点聚合功能的详细步骤加截取地图图片 (附源码)
165 0
|
定位技术 容器
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
144 0
|
前端开发 定位技术 API
百度地图API:根据起始点经纬度坐标确认最佳路线规划
百度地图API:根据起始点经纬度坐标确认最佳路线规划
134 0
|
移动开发 定位技术 API
百度地图开发:H5获取GPS-wg84经纬度与百度定位API的偏差测试
百度地图开发:H5获取GPS-wg84经纬度与百度定位API的偏差测试
214 0
|
JSON 定位技术 API
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
百度地图高级开发:获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)
311 0
|
定位技术 API
百度地图和腾讯地图开发经纬度的位置是互换的
百度地图和腾讯地图开发经纬度的位置是互换的
501 0
|
定位技术 API 开发工具
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
185 0
iOS开发-百度地图基本定位和罗盘跟随的使用,附加地理编码和反地理编码
|
安全 定位技术 开发者
(可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等
(可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等
644 0
(可直接复制使用)vue2+高德地图poi搜索和高德组件,可以地图选点,经纬度,比例尺,卫星图,路网,路况等等