地理路线图绘制
地质研究中常涉及平面图绘制，记录下自己绘制时找的方法和平台，以及心得
高德地图开放平台
近端时间补充学习了JavaScripts的知识（主要是AutoJS中学习）
对比后发现国内的地理信息展示，
还是高德开发平台最舒服，可以实时编写JS查看反馈
主要用到链接：
- 【官方说明文档】
包含各类示例代码和功能讲解 - 【JS API示例】
支持实时编辑JS和调试 - 【高德地图API】
图形化交互，用于快速生成想要的效果，可以一键导出代码。配合使用notepad++的compare plugin可以快速修改。（百度经验：如何使用notepad++的代码自动对比）
目前采用的workflow:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
st=>start: Start op1=>operation: 地图API调出想要效果 op2=>operation: 地图API导出代码 op3=>operation: notepad++ compare找变动代码 op4=>operation: 变动代码加入JS API的实时调试 op5=>operation: 官方说明文档 cond1=>condition: 满足需求? cond2=>condition: 功能不确定? ed=>end: The End st->op1->op2->op3->op4->cond1 cond1(yes)->ed cond1(no)->cond2 cond2(yes)->op5 cond2(no)->op1 |
目前涉及的命令
|
1 2 3 4 5 6 7 8 9 10 11 12 |
// 开启卫星图 new AMap.TileLayer.Satellite({map: map, zIndex: 1}); // 自动设置最合适的视图（自己调更准确） map.setFitView // 设置视图中心和缩放等级 // level为视图缩放等级，center即为视图中心 // features 是显示的元素，路网图，自定义标记点等都在这个地方声明即可 var infoWindow, map, level = 13, center = {lng: 113.373824, lat: 22.972967}, features = [{},"road"] |
平台对比
1. 高德地图的开发者平台了
地图JS生成教程将地图生成结果和代码一同展示，但对于JavaScripts小白的我不大友好。还是即点即用的GUI适合我呀！
2. google maps的开放平台
【My maps】
参考【快速导入csv数据标注搜索结果的教程】
不足的是很多中国大陆的位置都找不到
即使借助【百度地图经纬度抓取】配合谷歌地区修改url(见下文)请求值的方法，发觉有偏移无法精准定位，懂得都懂。
谷歌地图的url很简单：
https://www.google.com.hk/maps/place/%E6%95%8F%E6%8D%B7%E5%9C%B0%E4%BA%A7/@23.2901556,113.8037498,17z/data=!3m1!4b1!4m5!3m4!1s0x34036b796ec6464f:0x9ca47faefbe2b307!8m2!3d23.2901507!4d113.8059385?hl=en
显然/place/后的是搜索地址，@后的是经纬度，但是和百度的经纬度位置相反，17z中的17就是缩放等级了。其他都是不需要的，删除/place/也可以正常定位到对应区域。baidu地图的url也是类似规律。
3. 百度的同类型平台
【百度地图生成器】
国内平台，找点很精准，但是各种风格设计相较Amap还略逊一筹，尤其是高德的在线实时预览。