最近公司的项目到了尾声。总结一下项目中的一些技术。其中有涉及到天地图的部分。 类似百度地图,google地图。 我们要用一些它的公共接口,实现一些我们的效果。 比如在地图上显示我们的设备的位置,范围,运行轨迹等等。 大多数的功能其实都只是参考天地图官方api。http ...
上一文章我们讲了如何根据标注点确定初始化地图时的缩放级别和中心点。 是很基本的需求。 既然是地图,常常会有显示运行轨迹的需求。 本质上就是把一些点数据在地图上用线连接起来。 实现起来也是比较简单的。 主要有 点: .根据数据计算页面显示级别和中心点。 .显示所有的轨迹点。起点和终点用不同的图标来表示。 .显示连线。 步骤: .准备数据。我们直接把前几篇文章中的数据稍微修改一下。 javascrip ...
2017-03-01 14:58 0 2496 推荐指数:
最近公司的项目到了尾声。总结一下项目中的一些技术。其中有涉及到天地图的部分。 类似百度地图,google地图。 我们要用一些它的公共接口,实现一些我们的效果。 比如在地图上显示我们的设备的位置,范围,运行轨迹等等。 大多数的功能其实都只是参考天地图官方api。http ...
版权声明:本文为博主原创文章,转载请注明出处。 上一文章讲了如何在天地图上显示坐标轨迹。 本文介绍如何在天地图上绘制电子区域(电子范围或电子栅栏),并且,我们要将我们绘制的电子区域的坐标数据保存到数组里,以用于提交到后台,或根据数据来绘制电子区域。 天地图中有绘制多边形 ...
前面几篇文章主要是讲了加载天地图、在天地点上循环加载标注点并给标注点添加事件、根据标注点坐标确定地图的显示范围、在天地图显示坐标轨迹以及 在天地图上画多边形,电子范围。 本文再讲一点复杂操作。 1.在地图上展示一些标注点,这些标注点两两相连。 在线与不在线是两种不同颜色的图标。 2. ...
当天地图加载完后页面大小变化之后,导致天地图显示不全出现截断的情况 解决方案: 在页面js中增加页面更新更改方法 window.onresize = function () { map.checkResize(); } ...
图层切换组件以及其他小功能 上次已经能把地图加载出来啦,这次的目标是添加地图切换组件以及其他小功能。 图层组件 可以用继承于TControl的MapType类来构造图层组件。示例代码的参数是个数组,如果什么都不传会有一个默认的图层系列。 以下这些图层都可以在官方的api里找到 效果 ...
基于Vue的天地图入门专题(一) 写在前面 工作之余想写点博客,毕竟还没毕业就参加工作,至此已经一年多了。经手的一个项目,主要承担的前端开发,其中由很多模块都是我自己独立开发的,这次就想把天地图这个模块拿出来记录总结一下。天地图这块也比较熟悉,也是我本科毕设题目,想想第一个博客也得心应手一点 ...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>加载天地图标注</title> <script type="text ...
1,首先需要引进官方的js: 2,创建放地图的容器,并设置好id和容器的大小 <div id="mapDiv"></div> 3,加载基本底图 ...