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

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

  • 相关阅读:
    旧贴-在 win7 / win8 下安装苹果系统 (懒人版)
    解决ios13摇一摇不能触发
    html+css面试合集
    Windows 2012 Server R2 添加用户
    Windows10专业版身份验证错误,可能由于CredSSP加密数据库修正
    STM32F4 7.STM32F4 独立看门狗
    STM32F4 6.STM32F4 外部中断
    STM32F4 5.STM32F4串口通讯
    STM32F4 4.STM32F4时钟系统
    STM32F4 3.GPIO按键输入,实现开关灯
  • 原文地址:https://www.cnblogs.com/DebbieBlog/p/9106145.html
Copyright © 2011-2022 走看看