写页面的时候需要用到地图或者其他好看的图表,很多api使用都有官方文档可以查看,用起来很方便。
高德地图api的使用主要有以下几点:
1.引入JS API 的入口脚本标签并将key值换成自己的
2.创建地图容器 容纳地图(可以设置宽高)
3.创建地图实例对象(同时可以给地图设置中心点、级别、显示模式、自定义样式等属性)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 在线引入 -->
<script src="https://webapi.amap.com/maps?v=1.4.15&key=972811d84f30f8e6f429f62d797c4e4b"></script>
</head>
<body>
<!-- 创建地图容器 -->
<div id="container" style="width: 300px; height: 180px;"></div>
<script>
//创建地图实例对象
//var map &