JavaScript如何操作实现一个地图并标记到自身当前位置（本文从创建key值开始，到实现标点结束）

JavaScript如何操作实现一个地图并标记到自身当前位置

目录

前言

一、如何获取高德地图的key值

二、 如何创建地图并且获取自身定位

三、以下是完整代码 

 四、效果图：

---

前言

地图分为很多种，有腾讯，百度，高德等等，本篇文章使用的是高德地图的api，本文会先带领大家从如何获取 key值开始，到实现获取 自身定位结束。

---

一、如何获取高德地图的key值

 1.首先我们需要搜索高德地图开放平台并且打开：

2. 然后呢我们需要登录自己的平台账号，登录后呢，打开控制台： 

 3.点击管理key值，进行添加key值的操作:

---

二、 如何创建地图并且获取自身定位

（1）先设置地图容器的样式：

        html,
        body,
        #container {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }

（2&