本文介绍如何在高德地图上根据业务状态自适应地展示多个点标记，包括注册用户、目标用户和活跃用户的标记。通过HTML代码实现不同状态点的切换，并提供查看全部的选项。
多个状态业务点在地图上展示，参考了高德地图自适应显示多个点标记，大致上差不多，但是要修改成自己的业务。
1、直接copy高德地图的自适应显示多个点标记html代码，把key修改成自己申请的；
2、下面是我的代码：
ps:要把key换成自己的。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>自适应显示多个点标记</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="http://webapi.amap.com/maps?v=1.4.1&key= "></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body onload="loadMap()">
<div id="container"></div>
<div id="tip">
<a href="javascript:void(0);" style="text-decoration: none;"><input type="radio" id="registereduser" checked ='checked' style="width:15px;height:15px;" onclick="registereduserClick()"/><span style="color: green">注册用户</span></a> |
<a href="javascript:void(0);" style="text-decoration: none;"><input type="radio" id="targetuser" checked ='checked' style="width:15px;height:15px;" onclick="targetuserClick()"/><span style="color: red">目标用户</span></a> |
<a href="javascript:void(0);" style="text-decoration: none;"><input type="radio" id="activeuser" checked ='checked' style="width:15px;height:15px;" onclick="activeuserClick()"/><span style="color: blue">活跃用户</span></a> |
<a href="javascript:void(0);" style="text-decoration: none;"><span style="color:orange" onclick="alluserClick()">查看全部</span></a>
</div>
<script>
function loadMap(){
var map = new AMap.Map('container', {
resizeEnable: true,
最低0.47元/天 解锁文章
扫一扫
1598
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
