高德地图精确到某个位置

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

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>
相关文章
|
存储 网络协议 安全
部署打印服务(一)
部署打印服务(一)
912 0
|
存储 Cloud Native 关系型数据库
PolarDB 高可用架构设计与实践
【8月更文第27天】 在现代互联网应用中,数据库作为核心的数据存储层,其稳定性和可靠性尤为重要。阿里云的 PolarDB 作为一款云原生的关系型数据库服务,提供了高可用、高性能和自动化的特性,适用于各种规模的应用。本文将详细介绍 PolarDB 的高可用架构设计,并探讨其实现数据安全性和业务连续性的关键技术。
422 0
|
定位技术
vue-baidu-map 报错 | BMap is undefined
vue-baidu-map 报错 | BMap is undefined
344 1
QT取消标题栏,如何实现窗口移动
QT取消标题栏,如何实现窗口移动
188 0
|
存储 JavaScript Linux
百度搜索:蓝易云【CentOS 8上使用NVM安装特定版本的Node.js教程】
现在,你已成功安装和切换到特定版本的Node.js。希望这个教程能够帮助你在CentOS 8上使用NVM安装特定版本的Node.js。
347 2
|
编译器 C语言
[字符串和内存函数]错误信息报告函数strerror详解
[字符串和内存函数]错误信息报告函数strerror详解
309 2
[字符串和内存函数]错误信息报告函数strerror详解
|
消息中间件 canal Kafka
flink cdc 数据问题之数据堆积严重如何解决
Flink CDC(Change Data Capture)是一个基于Apache Flink的实时数据变更捕获库,用于实现数据库的实时同步和变更流的处理;在本汇总中,我们组织了关于Flink CDC产品在实践中用户经常提出的问题及其解答,目的是辅助用户更好地理解和应用这一技术,优化实时数据处理流程。
|
SQL 安全 数据库
|
机器学习/深度学习 存储
【BERT-多标签文本分类实战】之六——数据加载与模型代码
【BERT-多标签文本分类实战】之六——数据加载与模型代码
704 0
【BERT-多标签文本分类实战】之六——数据加载与模型代码
|
运维 Cloud Native 安全
微服务平滑迁移上云最佳实践
本文章内容将从三个方面的内容进行讲解,微服务平滑迁移上云服务。 1、明白微服务上云给企业带来的价值 2、了解微服务迁移过程中带来的挑战 3、掌握通过MSE提供的迁移方案平滑上云
微服务平滑迁移上云最佳实践