上一文章我们讲了如何根据标注点确定初始化地图时的缩放级别和中心点。 是很基本的需求。 既然是地图,常常会有显示运行轨迹的需求。 本质上就是把一些点数据在地图上用线连接起来。 实现起来也是比较简单的。 主要有3点: 1.根据数据计算页面显示级别和中心点。 2.显示所有 ...
版权声明:本文为博主原创文章,转载请注明出处。 上一文章讲了如何在天地图上显示坐标轨迹。 本文介绍如何在天地图上绘制电子区域 电子范围或电子栅栏 ,并且,我们要将我们绘制的电子区域的坐标数据保存到数组里,以用于提交到后台,或根据数据来绘制电子区域。 天地图中有绘制多边形的接口跟绘制矩形的接口。 我们就从这里入手。 调用接口其实不难。这里稍微要绕一下的地方是如何在调用 绘制多边形接口的同时把我们绘 ...
2017-03-01 14:59 0 3078 推荐指数:
上一文章我们讲了如何根据标注点确定初始化地图时的缩放级别和中心点。 是很基本的需求。 既然是地图,常常会有显示运行轨迹的需求。 本质上就是把一些点数据在地图上用线连接起来。 实现起来也是比较简单的。 主要有3点: 1.根据数据计算页面显示级别和中心点。 2.显示所有 ...
最近公司的项目到了尾声。总结一下项目中的一些技术。其中有涉及到天地图的部分。 类似百度地图,google地图。 我们要用一些它的公共接口,实现一些我们的效果。 比如在地图上显示我们的设备的位置,范围,运行轨迹等等。 大多数的功能其实都只是参考天地图官方api。http ...
前面几篇文章主要是讲了加载天地图、在天地点上循环加载标注点并给标注点添加事件、根据标注点坐标确定地图的显示范围、在天地图显示坐标轨迹以及 在天地图上画多边形,电子范围。 本文再讲一点复杂操作。 1.在地图上展示一些标注点,这些标注点两两相连。 在线与不在线是两种不同颜色的图标。 2. ...
图层切换组件以及其他小功能 上次已经能把地图加载出来啦,这次的目标是添加地图切换组件以及其他小功能。 图层组件 可以用继承于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,加载基本底图 ...
FGMap默认支持Web墨卡托投影后的瓦片地图数据,也就是现在我们看到的Google Map、Bing Map、百度地图这样的瓦片数据,只要解析所对应的请求地址路径就可以,这个方法在之前的文章中介绍过。今天我们加载一个“经纬度直投”的地图数据类型--天地图数据,因为投影的方式不一样,所以加载的方式 ...