天地图
文章平均质量分 82
小黑猪hhh
这个作者很懒,什么都没留下…
展开
-
vue+openlayers根据坐标点绘制多边形
需求:根据多边形轮廓点及中心点在天地图上绘制形状;不同类型的多边形轮廓以颜色区分功能:1.中心点坐标实现聚合2.根据地图的缩放级别显示或者隐藏多边形3.鼠标移入多边形或者中心点实现高亮并显示弹框,移除恢复原来的效果js代码var map,layer_poly_A,layer_poly_B,layer_poly_C,layer_poi_A,layer_poi_B,layer_poi_Cconst overlapOptions = ['A类', 'B类', 'C类'];var app = new原创 2021-05-25 11:49:28 · 3920 阅读 · 3 评论 -
【自学笔记】在天地图中添加多边形及注册面的点击事件
思路准备一些多边形坐标,然后在天地图上利用这些坐标形成面,在面上添加监听事件(比如鼠标移入该面后出现信息框)知识点Polygon类创建多边形覆盖物。构造参数:Polygon(points:Array[,opts:PolygonOptions])points:坐标数组。opts:多边形的属性对象,请参考 PolygonOptions。更多参数请参考天地图文档效果图html部分<body onLoad="mapTDTLoad()"> <div id="typeMap原创 2020-11-30 17:06:07 · 1789 阅读 · 2 评论 -
【自学笔记】在天地图展示多个标注和文字信息
目录相关知识点结果展示js代码相关知识点Marker类表示地图上一个图像标注。其构造函数Marker(lnglat:TLngLat[,opts:MarkerOptions])lnglat:为标注点的坐标,属于TLngLat对象的地理坐标opts:标注的属性,或者说改变默认样式,例如设置标注图标,堆叠顺序,透明度等。//创建一个默认的标注点//创建标注对象,实例化Marker类var marker = new T.Marker(new T.LngLat(116.411794, 39.9068原创 2020-11-17 15:11:04 · 3930 阅读 · 5 评论 -
【自学笔记】天地图的标注上打开窗口并保存信息
1.这一次有个需求:不仅仅是添加标记,顺带添加该点的备注信息并保存。打开窗口效果保存后的效果js相关代码$(function() { //标注按钮(新建)做得事情 $(".tagbox #markbtn1").click(function () { markerTool.open(); endeditMarker(); //完成标注时 markerTool.addEventListener("mouseup",function(e){ editInfo(e)} )原创 2020-11-04 10:06:46 · 1025 阅读 · 2 评论 -
【自学笔记】天地图添加标注
知识点MarkTool类:标注工具,用来让用户在地图上标注一个点,可以通过该工具获得用户标点的经纬度位置。构造函数:MarkTool(map:Map[,opts:MarkToolOptions])。参数说明:map为地图对象;opts:MarkToolOptions类。该类详情可到天地图文档了解效果图html<body onLoad="mapLoad()"> <div id="tabMapBox"> <div class="tool"&g原创 2020-11-02 16:17:30 · 6547 阅读 · 7 评论 -
【自学笔记】openlayers加载天地图笔记二
openlayers是开源地图包,它支持加载天地图。html<body> <div id="tabMap"> </div></body>css*{ padding: 0; margin: 0; box-sizing: border-box;}body, html{ width: 100%; height: 100%; font-family:"微软雅黑";}#tabMap{ width:100%; heigh原创 2020-10-19 10:22:30 · 511 阅读 · 0 评论 -
【自学笔记】天地图笔记一
html部分<--onLoad=页面加载时加载地图--><body onLoad="mapLoad()"> <div id="tabMap"> </div></body>css部分*{ padding: 0; margin: 0; box-sizing: border-box;}body, html{ width: 100%; height: 100%; font-family:"微软雅黑";}#ta原创 2020-10-16 16:51:31 · 489 阅读 · 2 评论