});

地理路线图绘制

地质研究中常涉及平面图绘制,记录下自己绘制时找的方法和平台,以及心得

高德地图开放平台

近端时间补充学习了JavaScripts的知识(主要是AutoJS中学习)
对比后发现国内的地理信息展示,
还是高德开发平台最舒服,可以实时编写JS查看反馈

主要用到链接:

  1. 【官方说明文档】
    包含各类示例代码和功能讲解
  2. 【JS API示例】
    支持实时编辑JS和调试
  3. 【高德地图API】
    图形化交互,用于快速生成想要的效果,可以一键导出代码。配合使用notepad++的compare plugin可以快速修改。(百度经验:如何使用notepad++的代码自动对比

目前采用的workflow:

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

 目前涉及的命令

// 开启卫星图
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还略逊一筹,尤其是高德的在线实时预览。

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.