amap api 高德地图项目实操 - 区划聚合+海量点展示

最新推荐文章于 2024-05-24 18:01:54 发布

晴天有点孤单

最新推荐文章于 2024-05-24 18:01:54 发布

阅读量7.5k

点赞数 1

分类专栏： # 天地图地图晴天有点孤单文章标签： amap-api amap 地图

本文链接：https://blog.csdn.net/qq_39517820/article/details/79195323

版权

demo内代码为amap api 实现项目内地图插件的效果

<!doctype html>
<html lang="zh-CN">

<head>
    <!-- 原始地址：//webapi.amap.com/ui/1.0/ui/geo/DistrictCluster/examples/plus-point-simplifier.html -->
    <base href="http://webapi.amap.com/ui/1.0/ui/geo/DistrictCluster/examples/" />
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>区划聚合+海量点展示</title>
    <style>
    html,
    body,
    #container {
        width: 100%;
        height: 100%;
        margin: 0px;
    }
    
    #loadingTip {
        position: absolute;
        z-index: 9999;
        top: 0;
        left: 0;
        padding: 3px 10px;
        background: red;
        color: #fff;
        font-size: 14px;
    }
    </style>
</head>

<body>
    <div id="container"></div>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src='http://webapi.amap.com/maps?v=1.4.2&key=845e9f9e5def93461dfe86b4d643a0e1'></script>
    <!-- UI组件库 1.0 -->
    <script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>   
    <script type="text/javascript">
// 自定义图片
    var imageLayer = new AMap.ImageLayer({
        // url: 'http://1.img.dianjiangla.com/jdAssets/jdCity.png',
        url: &

最低0.47元/天解锁文章

晴天有点孤单

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
2
评论
amap api 高德地图项目实操 - 区划聚合+海量点展示

demo内代码为区县级区划到乡镇的demo例子，需要arcgis服务作为支撑获取相应坐标点实现区划效果html lang="zh-CN">head> base href="http://webapi.amap.com/ui/1.0/ui/geo/DistrictCluster/examples/" /> link rel="stylesheet" href=
复制链接

扫一扫