高德地图api(javascript)只显示某一行政区域的地图,其他周边地区的都不显示
Polygon类
覆盖物>多边形 相关参数详情 https://lbs.amap.com/api/javascript-api/reference/overlay#polygon
<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>地图遮罩</title><style>html,body,#container {margin:0;height: 100%;}</style>
</head>
<body>
<div id="container"></div>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=申请的key&plugin=AMap.DistrictSearch"></script>
<script>var map = new AMap.Map('container', {zoom:12.6,center:[116.364495,39.930694],pitch: 0,viewMode: '3D',//设置地图背景图 mapStyle:'amap://styles/40035571fa9fdd05a26fe1b05f48fdc9'});//map.setZoom(12.2); //设置地图层级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].boundariesvar pathArray = [outer];pathArray.push.apply(pathArray,holes)var polygon = new AMap.Polygon( {pathL:pathArray,//线条颜色,使用16进制颜色代码赋值。默认值为#006600strokeColor: 'rgb(20,164,173)',strokeWeight: 4,//轮廓线透明度,取值范围[0,1],0表示完全透明,1表示不透明。默认为0.9strokeOpacity:0.5,//多边形填充颜色,使用16进制颜色代码赋值,如:#FFAA00fillColor: 'rgba(0,0,0)',//多边形填充透明度,取值范围[0,1],0表示完全透明,1表示不透明。默认为0.9fillOpacity: 1,//轮廓线样式,实线:solid,虚线:dashedstrokeStyle:'dashed',/*勾勒形状轮廓的虚线和间隙的样式,此属性在strokeStyle 为dashed 时有效, 此属性在 ie9+浏览器有效 取值: 实线:[0,0,0] 虚线:[10,10] ,[10,10] 表示10个像素的实线和10个像素的空白(如此反复)组成的虚线点画线:[10,2,10], [10,2,10] 表示10个像素的实线和2个像素的空白 + 10个像素的实 线和10个像素的空白 (如此反复)组成的虚线*/strokeDasharray:[10,2,10]});polygon.setPath(pathArray);map.add(polygon);/* var polyline = new AMap.Polyline({strokeColor: '#3366FF', // 线颜色strokeOpacity: 1, // 线透明度strokeWeight: 2, // 线宽strokeStyle: 'solid', // 线样式strokeDasharray: [10, 5], // 补充线样式geodesic: false // 绘制大地线});polyline.setPath(pathArray);map.add(polyline);*/ })
</script>
</body>
</html>
高德地图api(javascript)只显示某一行政区域的地图,其他周边地区的都不显示相关推荐
- 百度地图api(javascript)只显示某一行政区域的地图,其他周边地区的都不显示
var map = new BMap.Map("map_container"); var cityName = '浙江省'; map.centerAndZoom(c ...
- PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例
PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例 原文:PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例 <!--小幅的坐标转换点位程 ...
- 【百度地图API】如何判断点击的是地图还是覆盖物?
原文:[百度地图API]如何判断点击的是地图还是覆盖物? 摘要:很多API爱好者问我,为什么我点击的是marker,而map也会响应该事件呢?怎样才能判断,我点击的是标注,还是地图呢?下面一起来看看. ...
- 百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
由于在实际项目中经常需要查询自己的数据库去标注地图,所以特地写了这个例子,数据库为oracle,把数据库查询出来的数据绑定到前台gridview控件,点击数据中的任何一行,实现标注.效果图: 地图标注 ...
- 百度地图api开发详解(android版).pdf,百度地图API开发指南原版.pdf
百度地图API开发指南原版 百度地图 API 开发指南 百度地图 API 开发指南 目录 简介 3 什么是百度地图 API 3 面向的读者 3 获取 API 3 开发移动平台上的地图应用 3 兼容性 ...
- 【百度地图API】如何快速创建带有标注的地图?——快速创建地图工具+如何标注商家...
摘要: 如果你不会程序,如果你不想写代码. 如果你想拥有一张自己的地图,如果你想在该地图上标注出你商店的位置. 不要犹豫了,就使用 快速创建地图工具吧! ----------------------- ...
- 【百度地图API】——国内首款团购网站的地图插件
摘要: 本文介绍了一款应用在团购网站上的地图插件,适用于目前非常流行的团购网站.使用这款地图插件,无需任何编程技术,你就把商家的位置轻松地标注在地图上. 前台地址 http://map.baidu.c ...
- python 显示界片_任何快速的python图形用户界面都可以显示摄像机的实时图像
我建议使用tkinter,因为它已经是Python的一部分.我从来没有使用过pil,但是一个快速的谷歌显示在tk小部件中很容易使用pil图像(通过pil.imagetk.photoimage()方法) ...
- t3插密码狗不显示服务器,登陆T3时,用户名和账套都不显示,显示没有检测到合法的LISENCE,需要重新注册密码狗,在注册社区后,搜索.cjt的文件,搜不到...
用友T6部分基础操作流程数据录入的方法用友T6部分基础操作流程数据录入的方法 用友T6部分基础操作流程数据录入的方法 一.用友T6如何对会计科目进行增加.修改和删除.在设置科目中可以进行会计科目的增加 ...
最新文章
- linux查找用户前三进程_查看 Linux 系统中进程和用户的内存使用情况 | Linux 中国...
- 【Android 性能优化】布局渲染优化 ( 过渡绘制 | 自定义控件过渡绘制 | 布局文件层次深 | GPU 过渡绘制调试工具 | 背景过度绘制 )
- uc/os-ii中最高优先级计算(如何查表)
- 解决在非spring上下文的环境中无法获取Spring容器的bean【nullpointer:connot invoke because xxx is null问题】
- 一个关于组织学员学习技术的笔试题--求讨论
- HarmonyOS之变量可视化调试
- Java 两线程交替打印奇偶数(一)
- Linux(Ubuntu 19.10)下 Qt5 连接 MySQL(QMYSQL driver not loaded)
- html基础开发-jQuery框架基础语法攻略(攻略一)
- 计算机等级考试三级教材,计算机等级考试三级过关技巧
- 机器学习基础:极大似然估计(Machine Learning Fundamentals: Maximum Likelihood Estimation)
- “移”网打尽:网络即服务
- zTree模糊搜索(子级和父级都不匹配时隐藏节点)
- Verilog(2):与或非运算
- java菱形_Java 之 菱形
- [Codeforces266E]More Queries to Array...——线段树
- 消息中间件第一讲:RocketMQ从入门到精通
- 中学计算机论文题目,高中学生信息技术论文题目.docx
- KS和IV的区分比较
- 第12节 html创建热点区域 链接