效果图:
点击预览实例
实现方法:
1,需要注册高德的开发者账号
2,申请使用的key:方便地图个性化的设置
3,代码:
<head>
<link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css" />
<script src="https://webapi.amap.com/maps?v=1.4.3&key=60d4634515d0206931c19dc552d6f7a1"></script>
<head>
<body>
<div id="container"></div>
<script>
// 模拟数据
var points = [{
lat: 31.95266,
lng: 118.84002,
count: 10,