zoukankan      html  css  js  c++  java
  • 高德地图api

    1.自定义地图样式:

      var map = new AMap.Map('mapDiv', { mapStyle: 'amap://styles/模版样式的英文名'//样式URL });

    官方地图样式模版
    
    
    标准 amap://styles/normal
    
    远山黛 amap://styles/whitesmoke
    
    马卡龙 amap://styles/macaron
    
    涂鸦 amap://styles/graffiti
    
    极夜蓝 amap://styles/darkblue
    
    靛青蓝 amap://styles/blue
    
    草色青 amap://styles/fresh
    
    幻影黑 amap://styles/dark
    
    月光银 amap://styles/light
    
    雅士灰 amap://styles/grey
    

    2.设置地图的显示内容

    map.setFeatures("road");//单一种类要素显示
    map.setFeatures(['road','point'])//多个种类要素显示 
    目前支持以下四种地图要素的选择性显示:

    地图元素类型列表:

    名称

    说明

    bg

    地图背景

    point

    兴趣点

    road

    道路

    building

    建筑物

    3.高德地图添加工具条、比例尺、定位、鹰眼、基本图层切换等常用的控件,使用的时候需要通过plugin方法将插件的功能引入,然后进行控件的初始化和添加:

    var map = new AMap.Map('container',{
        zoom: 10,
        center: [116.39,39.9]
    });
    AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
        function(){
            map.addControl(new AMap.ToolBar());
    
            map.addControl(new AMap.Scale());
    
            map.addControl(new AMap.OverView({isOpen:true}));
    });

     

    名称

    类名

    简介

    工具条

    ToolBar

    集成了缩放、平移、定位等功能按钮在内的组合控件

    比例尺

    Scale

    展示地图在当前层级和纬度下的比例尺

    定位

    Geolocation

    用来获取和展示用户主机所在的经纬度位置

    鹰眼

    OverView

    在地图右下角显示地图的缩略图

    类别切换

    MapType

    实现默认图层与卫星图、实时交通图层之间切换的控

  • 相关阅读:
    Linux上面执行 Windows 命令(比如 重启服务)的简单方法
    Linux 通过cksum 来判断文件是否是相同
    Linux 根据端口快速停止服务并启动的办法
    Delphi控件开发浅入深出(三)
    Delphi 资源文件( .res)
    C++中模块(Dll)对外暴露接口的方式
    delphi Align属性
    cport串口控件的应用
    两款工控控件对比评测:Iocomp和ProEssentials
    Android 将ARGB图片转换为灰度图
  • 原文地址:https://www.cnblogs.com/DebbieBlog/p/9106145.html
Copyright © 2011-2022 走看看