高德地图行政区域划分（西安）

最新推荐文章于 2024-05-17 11:35:34 发布

alni1827

最新推荐文章于 2024-05-17 11:35:34 发布

阅读量2.6k

点赞数

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/shixingwen/p/11010973.html

版权

本来是支持地图下钻的，去掉注释代码即可

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

<head>
    <!-- 原始地址：//webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/examples/index.html -->
    <base href="//webapi.amap.com/ui/1.0/ui/geo/DistrictExplorer/examples/" />
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>行政区浏览</title>
    <link rel="stylesheet" type="text/css" href="./area.css">
</head>

<body>
    <div id="outer-box">
        <div id="container" tabindex="0"></div>
        <div id="panel" class="scrollbar1">
            <ul id="area-tree">
            </ul>
        </div>
    </div>
    <script type="text/javascript" src='//webapi.amap.com/maps?v=1.4.15&key=您申请的key值'></script>
    <!-- UI组件库 1.0 -->
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <script type="text/javascript">
    //创建地图
    var map = new AMap.Map('container', {
       resizeEnable: true,
       rotateEnable:true,
       pitchEnable:true,
       zoom: 11.8,
       pitch:75,
       rotation:-15,
       viewMode:'3D',//开启3D视图,默认为关闭
       buildingAnimation:true,//楼块出现是否带动画
       expandZoomRange:true,
       zooms:[3,20],
       center:[108.907941,34.2463]  // 108.907941,34.2463
    });
    //just some colors
    var colors = [
        "#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00",
        "#b82e2e", "#316395", "#994499

最低0.47元/天解锁文章

alni1827

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
高德地图行政区域划分（西安）

本来是支持地图下钻的，去掉注释代码即可<!doctype html><html lang="zh-CN"><head>  <base...
复制链接

扫一扫