高德地图?

确定没推荐错?

这不是就是一个导航工具吗?

baaca69401da590984028e593e97546b.png

小薇最近在使用高德地图导航时就发现了一个好玩的东西——高德开放平台

这个平台是国内技术领先的LBS服务提供商……服务超过三十万款移动应用……对现实世界做了人群走向、区域热度……平台支持自定义地图的样式、添加地图纹理、创建三维地图等等。

一般PPT里放的地图长这样↓

156c4cb39a1ebc00bc9fa1bd94497639.png

高德开放平台做出来的地图使用时长这样↓

192e844c1368c2cac1f2f609d8039d1b.png ce6d0fbab428841cde99727838a15ae2.png 46dc3857941fa6c860b1e8f87db89e07.png

这些图片不仅更能表现区域建筑、道路等元素分布,看起来也更酷炫高大上,展示时的效果绝对上几个台阶。

果然,高德地图已经不是过去的地图了,现在看到的是高·牛X闪闪·既炫又拽·德开放平台

c5d2985f087541d6fbcb30a3a3eb0de1.gif 322b23dcc92c58294849556921cc52a8.gif

01 平台介绍

高德开放平台(https://lbs.amap.com)里有多个产品分类,包括地图、定位、路线规划、自定义地图等。

784cfeb5823bf13e8cfa5c34f7050f37.png 56c41fd8bc4cc6d99bbb41ffbab77f32.png

前面都是常规功能性的,这里重点说说“自定义地图”。点击进入,可以看到网页提供了多种风格样式的地图。

179781531dea73a4b10dc46cdc983aaa.png

自定义地图支持用模板直接创建、付费升级后创建两种,支持网页、安卓系统、iOS系统等。

322b23dcc92c58294849556921cc52a8.gif

02 注册登录

以“模板创建”为例,点击“创建我的地图”后注册登录。

3690aa96074553423e680562f4d3c008.png c787334f47ce3ebae8df87a5ff731809.png 322b23dcc92c58294849556921cc52a8.gif

03 创建平面地图

平台的模板分为3大类:基础、高级、车机,其中基础模板可直接使用,另外两种需要升级付费。

模 板

20d03689ec224669d681ea24ea1cf270.png 5735bb3fa66f18c687f4d1e45c6c398a.png 757c319b6744ae4a3fce30da346f1fb5.png

选择“基础模板”里的一种,点击进入操作台

ab85b7f089d576b6792f204dc6c85730.png

操作台左侧包括区域面、道路、行政区等元素。平台可以对这些元素进行详细编辑,以道路-二级道路为例,点击后可以调整路线颜色、宽度等。

df60e4dcca17731a61506453061f9c7e.png

编辑后的道路图片看起来似乎没有适合使用的地方。不过将其放在PPT里进行二次编辑,比如下图,妥妥地就是一张体现园区规划的简图。

88fde3596b6da749726900e35385db1d.png 322b23dcc92c58294849556921cc52a8.gif

04 创建3D地图

高德开放平台里需要付费才可以使用3D地图。如果想不付费,就需要多一个步骤——改代码

bedf38a1c5b4f9167f89c3512d662d92.png

搜索“高德地图-3D地图示例中心”,进入演示界面。

看到页面右侧的代码了吗,接下来跟着小薇撸串代码吧~

1107930c79f68c1eca351b367cc289a8.png

平台默认展示北京市地图。如果想要定位到具体的位置,就要在右侧的代码区编辑位置坐标——即经纬度。

caef4e61e9c2e20d7b6eb16bf5f6314d.png

问题来了:这里的坐标是一串数字,表示该位置的具体经纬度。哪里去找想要位置的准确经纬度呢?

9ad6978125c9b99c79bb2efae02dc32c.gif 5a8eae365863855eeb72b7ffb07a44b7.gif

借助高德坐标拾取器

5a8eae365863855eeb72b7ffb07a44b7.gif f1a4af0d23b287cb82daf84bd55dc9c3.png 5a8eae365863855eeb72b7ffb07a44b7.gif

借助百度-拾取坐标系统

5a8eae365863855eeb72b7ffb07a44b7.gif 76d0394307e425b5113c7b0b04bd0193.png

两个都是获取位置坐标的工具。进入后输入城市/区域,鼠标单击某处位置即可获得坐标。

拿到坐标后,复制粘贴到对应代码处就得到了一张新的3D地图。

793b8deee28d50d23f485136033ff3cb.png

点击左侧操作台里的“三维地图”,还可以调成其他类型。

746221915026de416e7af978715a04ba.png fe76348b493bbf7e53aa0927917a0d49.png获得的地图图片可以直接使用,也可以略作加工。举个栗子,某个项目需要一张 会展中心周边重要停靠点的图片做展示。常规操作是在2D地图截图→手动标记,效果图是这样↓ 1f53dc360d6ec720689fcea49e599c40.png

用高德开放平台里的地图,加个覆膜、加些线条,效果看起来是不是就很不一样↓↓

2a46336e9136db4b3d4563d1dbc21cd5.png e9cbf2ca1e804b50f0caff20640e62c0.gif

总的来说:高德开放平台功能非常OK,普通版即可满足基本需要,操作上也是简单易上手。如果需要更高阶的版本,年费也是非常划算的,毕竟做出来的效果很惊艳。

322b23dcc92c58294849556921cc52a8.gif

继续推荐:百度地图也有“开放平台”,其中个性化地图和高德相近,如有需求也可以试用一下~

b90350543cb833e80d66eece805e3852.png 322b23dcc92c58294849556921cc52a8.gif
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐