这个很简单，需要先注册一下高德地图开发者，然后创建应用、添加Key，最后通过script标签引入网页，就可以直接使用高德地图API了，下面我简单介绍一下实现过程，主要内容如下小程序地图api：

1.首先，注册高德地图开发者，这个直接到官网上注册就行，按着提示一步一步填写信息，如下：

2.注册登录成功后，依次点击“个人中心”->“应用管理”->“我的应用”，点击右上角的“创建新应用”，如下，输入应用名称，选择应用类型：

应用创建成功后，新创建的应用就会出现在应用管理列表中，接着我们点击应用右边的“ ”号，为应用添加key值，如下，输入Key名称，因为是网页中引入，所以选择“Web端(JS API)”：

成功添加key值后，我们需要记住这个key值，后面的代码中需要传入这个key值，才能调用高德地图API，如下：

3.最后就是在网页中使用API，引入高德地图了，很简单，基本步骤是先创建一个div容器，然后通过JS API引入地图到这个容器中就行，如下：

用浏览器打开这个html文件，效果如下，已经成功引入高德地图：

4.这里我们也可以引入地铁图，基本过程和上面差不多，还是需要先创建一个div容器，然后再通过JS API引入地铁图到容器中，主要代码如下：

用浏览器打开这个文件，效果如下，已经成功引入地铁图：

至此，我们就完成了高德地图API的使用。总的来说，整个过程很简单，只要你有一定的前端基础，熟悉一下相关操作和步骤，很快就能掌握的，官方也给出了非常详细的开发文档，有详细的步骤和示例，可以在线编辑运行，非常适合初学者学习，可以参考一下，网上也有相关教程和资料，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

怎样在小程序中绘制图表？

由于微信小程序本身框架的限制，很难集成目前已有的图表工具，显示图表目前有两种方案： 服务器端渲染图表，输出图片，微信小程序中直接显示渲染好的图片； 利用微信小程序 API 中提供的 canvas 组件支持，自行绘制图表。 前一种方案已经有非常多类似服务可选，比如 Highcharts 提供了服务端渲染的能力。但这种方式需要后台有一套渲染服务，并且有一定的网络开销。 那么，如何利用 canvas 组件，在小程序中绘制图表呢？下面，我们就来看尝试一下。 API 首先，我们在模板文件中使用 声明一个 canvas 组件，再使用 wx.createContext() 获取绘图上下文 context。 接下来，我们调用 wx.drawCanvas() 进行绘制：

开始图表的绘制 绘制折线图

需要注意的是，moveTo() 方法不会记录到路径中。 看看效果图：

好像没有想象中难，看上去效果还不错。 绘制每个数据点的标识图案

效果图：

为了避免之前绘制的折线路径影响到标识图案的路径，这一部分包裹在了 beginPath() 和 closePath() 之间。

绘制横坐标 我们规定的参数格式是这样的：

我们根据参数中的 categories 来绘制横坐标。先稍微整理下思路： 根据 categories 数均分画布宽度； 计算出横坐标中每个分类的起始点； 绘制文案（这儿会多一些代码，后面会具体提到）

效果图：

效果其实还行，除了文字没有居中....... 查阅微信小程序官方提供的文档，小程序并没有提供 HTML 5 canvas 中的 mesureText（获取文案宽度）的方法。 下面是我们自己简单的实现，并不是绝对精确，但误差基本可以忽略。

这里分别处理了字母、数字、点（.）、横线（-）以及汉字这几个常用字符。 上面的代码稍微修改下：

前后图表对比：

丙肝是什么病微信交流群,丙肝母婴贴吧

耳鸣微信交流群,全国耳鸣交流群

打呼噜微信交流群,怎么加入陌生微信群

「东莞车迷微信群」求个东莞的大众高尔夫微信群

「聋人微信和扣扣群」微信有聋哑人的群吗

「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群

「启动微信群名软件」微信群怎么设置不让别人改群名？

「微信红包群规则复制」微信红包群规章制度是什么样的？

「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意，一件代发的，不需要加盟费！有的留个

「微信群群主有哪些特权」微信群主有哪些特权？