准备工作：

1、在高德开放平台，注册开发者账号；

2、登陆之后，进入“应用管理”，点击“我的应用”，选择右上角“创建新应用”；

3、为应用添加 Key，在“服务平台”一项选择“Web 端 ( JSAPI ) ”
4、记住这个Key，等会要用，以后可能也会用，一定要记住。
在这里插入图片描述
页面实现：

1、创建一个div，作为地图的容器；

2、设置div的宽和高；

3、引入高德地图的js，并且在对应的位置填写刚才在准备工作中申请的key值；

4、异步初始化高德地图插件。

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">  
  <title>地图Demo</title>
 </head>
 <style>
		#wrapper{
			width:1000px;
			height:800px;
		}
</style>
 <body>
	<div id="wrapper"></div>
 </body>
</html>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=申请的key值"></script>
<script>
    //初始化地图插件
	window.onload = function(){
	    var map = new AMap.Map("container", {
            zoom: 15, //设置地图显示的缩放级别
            center: [116.44927, 39.9584] //设置地图中心点坐标
         });
 
         // 创建一个 Marker 实例：（标记点）
        var marker = new AMap.Marker({
           position: new AMap.LngLat(116.44927, 39.9584), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
           title: "位置标题"
        });
 
       // 将创建的点标记添加到已有的地图实例：
       map.add(marker);
	}
</script>

在这里插入图片描述

Logo
向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

avatar 云原生

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

avatar 云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...

avatar 云原生