天地图(全国版)根据已知点集合绘制直线
生活随笔
收集整理的这篇文章主要介绍了
天地图(全国版)根据已知点集合绘制直线
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
场景：
最近又开始整天地图了，先前整的是福建省的，这次整全国版的(http://lbs.tianditu.gov.cn/)，省级的和全国的天地图用的竟然是不一样的，国家搞一套，省级搞一套，市级不知道是不是又是一套，作为开发人员，觉得这个好难受，好坑，特别是已经做好了，又突然要改的。这次遇到要根据已知的点在地图上画线，简单来说就是绘制历史轨迹，省级的示例页面上直接有方法，这边不多说，全国版的只有开启绘制功能，没有根据已知点集合进行绘制，刚刚研究了一下，找到了方法，很简单，特此记录下，以下为代码：
解决方法：
<!DOCTYPE html><html> <head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta name="keywords" content="天地图"/><title>天地图－地图API－演示根据已知点绘制历史轨迹</title><script src=" http://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥" type="text/javascript"></script><script src="http://cdn.bootcss.com/d3/3.5.17/d3.js " charset="utf-8"></script><script src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/D3SvgOverlay.js"></script><script src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/CarTrack.js"></script><script src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/data/point.js"></script><style type="text/css">body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#mapDiv{height:400px;width:100%;}p,input { margin-top: 10px; margin-left: 5px; font-size: 14px; }</style> </head> <body> <div id="mapDiv" ></div> <p>演示根据已知点绘制历史轨迹</p><script> //地图设置var tile = new T.TileLayer("http://t4.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}");var map = new T.Map("mapDiv", {layers: [tile]});map.centerAndZoom(new T.LngLat(116.318090, 39.920270), 13);/******************根据已知点集合绘制历史轨迹开始***********************///线的一下基本配置var lineconfig={ color: "red", //线的颜色weight: 2, //线的宽度opacity: 1, //线的透明度lineStyle:"solid" //线的样式};//创建点对象集合并创建几个点放进集合中var points = new Array();points[0]=new T.LngLat(116.318090, 39.920270);points[1]=new T.LngLat(116.311, 39.920272);points[2]=new T.LngLat(116.1, 39.920276);var line = new T.Polyline(points,lineconfig);//创建线条的对象//向地图上添加线map.addOverLay(line);/******************根据已知点集合绘制历史轨迹结束***********************/ </script> </body> </html>以上代码可以打开页面 国家天地图代码示例 复制进去，点击运行即可。
总结
以上是生活随笔为你收集整理的天地图(全国版)根据已知点集合绘制直线的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 秋招如何抱佛脚？2022最新大厂Java
- 下一篇： oracle新增、删除索引以及主键修改