精华内容
下载资源
问答
  • 高德使用高德定位后,如果不设置,缩放级别很低,需要一直放大才能看具体的地理位置,那么可以再地图初始化的时候,调用AMap.moveCamera(CameraUpdateFactory.zoomTo(zoom))方法设置地图的缩放级别,记住带在地图...

    在高德使用高德定位后,如果不设置,缩放级别很低,需要一直放大才能看具体的地理位置,那么可以再地图初始化的时候,调用AMap.moveCamera(CameraUpdateFactory.zoomTo(zoom))方法设置地图的缩放级别,记住带在地图初始化的时候调用,而非定位成功后调用。

     

    2016年01月11日

    转载于:https://my.oschina.net/Forever2019/blog/3021393

    展开全文
  • 高德地图 zoom地图级别无效问题

    千次阅读 2020-05-15 14:25:03
    zoom: 10, //设置地图显示的缩放级别 center: [116.397428, 39.90923],//设置地图中心点坐标 layers: [new AMap.TileLayer.Satellite()], //设置图层,可设置成包含一个或多个图层的数组 mapStyle: 'amap://...
    var map = new AMap.Map('container',{
        zoom: 10,  //设置地图显示的缩放级别
        center: [116.397428, 39.90923],//设置地图中心点坐标
        layers: [new AMap.TileLayer.Satellite()],  //设置图层,可设置成包含一个或多个图层的数组
        mapStyle: 'amap://styles/whitesmoke',  //设置地图的显示样式
        viewMode: '2D',  //设置地图模式
        lang:'zh_cn',  //设置地图语言类型
    });
    

    zoom 设置无效原因很多,设置Marker,和添加搜索功能可能都会导致zoom失效

    使用地图状态来设置

    在这里插入图片描述

    GaodeMap(){
                    let _this = this;
                    let map = new AMap.Map('mapLocation', {
                        
                    });
                    let placeSearch = new AMap.PlaceSearch({
                        city: ''
                    })
                    placeSearch.search(_this.windowTransaction.contactAddr, function (status, result) {
                        // 查询成功时,result即对应匹配的POI信息
                        let pois = result.poiList.pois;
                        if(pois.length == 0){
                        return;
                        }
                        let poi = pois[0] ;
                        console.log(poi)
                        let marker = new AMap.Marker({
                            position: poi.location,   // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9]
                            title: poi.name,
                            icon: "https://webapi.amap.com/theme/v1.3/markers/n/mark_r.png",
                        });
                        map.add(marker);
                        map.setFitView();
                        map.setZoom(17);//设置zoom级别
                    })
                }
    
    展开全文
  • 项目中,用到了高德地图,用setFitView()方法设置自适配合适视野后,发现实际展示效果有点小。如下图: 实际是产品经理提出来的,哈哈。so,必须要解决了...... 于是想到了setZoom()方法,只要在渲染最后位置先...

    项目中,用到了高德地图,用setFitView()方法设置自适配合适视野后,发现实际展示效果有点小。如下图:

    实际是产品经理提出来的,哈哈。so,必须要解决了......

    于是想到了setZoom()方法,只要在渲染最后位置先获取当前缩放比getZoom(),

    然后map.setZoom(map.getZoom() + 1)不就行了嘛!

    然并卵,缩放比zoom+1后超出了容器,放大比例太大了。

    那么能不能加个小数呢?比如map.setZoom(map.getZoom() + 0.3)?

    事实证明是不行的,最终的zoom会按四舍五入算出一个整数,即要么不变,要么+1

    于是查阅文档,想到了解决方案,文档截图:

    也就是说zoom值一般情况下只能是3-18的整数,除非在3D模式下,zoom可以设置为浮点数,

    那么,也就是说把地图模式设置成3D模式不就行了嘛,上代码:

    this.overviewMap = new AMap.Map('overview-map', {
         mapStyle: 'amap://styles/eecda2b1b41284dc3d407df1b08d9', // 设置地图的自定义样式-深色
         pitch: 5, // 地图俯仰角度,有效范围 0 度- 83 度
         viewMode: '3D', // 地图模式
         resizeEnable: true,
         center: returnLanglat(thiz.province), // 地图默认定位当前省份省会
         zoom: 10
    })

    3D地图模式直接加上这两行配置即可,

    pitch: 5, // 地图俯仰角度,有效范围 0 度- 83 度,不想要3D效果此处设置为0即可
    viewMode: '3D', // 地图模式

    然后再map.setZoom(map.getZoom() + 0.3),就会发现地图就会放大+0.3的效果。

    console.log(map.getZoom()) // 打印出改变后的zoom值,会变成你想要的+0.3的小数。

     

    有问题可以留言交流~

    The End

    展开全文
  • //设置地图层级 },10000); var colors = ['#ffffcc', '#a1dab4', '#41b6c4', '#225ea8']; $.get('https://a.amap.com/Loca/static/mock/bj_district_wkt.json', function (data) { var layer = new Loca.Polygon...

    在这里插入图片描述

    HTMl代码

       <div id="container" class="container"></div>
        <script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值&"></script>
        <script src="//webapi.amap.com/loca?v=1.3.0&key=您申请的key值"></script>
        <script src="//a.amap.com/Loca/static/dist/jquery.min.js"></script>
    

    javascript代码

       var map = new AMap.Map('container', {
                mapStyle: 'amap://styles/1de318cbb8d12c02303a22c550b9ccc9',
                center: [119.557371,28.970325],
                pitch: 50,
                features: ['bg', 'road'],
                zoom: 5,
                viewMode: '3D'
            });
          
          //初始化动画效果;
          setTimeout(function(){
            map.panTo([116.409788,39.880782]);
             map.setZoom(9); //设置地图层级
          },10000);
    
            var colors = ['#ffffcc', '#a1dab4', '#41b6c4', '#225ea8'];
    
            $.get('https://a.amap.com/Loca/static/mock/bj_district_wkt.json', function (data) {
                var layer = new Loca.PolygonLayer({
                    map: map,
                    fitView: true
                });
              
                layer.setData(data, {
                    lnglat: 'coordinates'
                });
              
                var idx = 0;
    
                layer.setOptions({
                    style: {
                        height: function () {
                            return Math.random() * 200000;
                        },
                        opacity: 0.8,
                        color: function () {
                            return colors[idx++ % colors.length];
                        }
                    }
                });
                layer.render();
            });
    

    Done!

    展开全文
  • 高德定位后缩放级别设置

    千次阅读 2017-10-12 11:30:11
    高德使用高德定位后,如果不设置,缩放级别很低,需要一直放大才能看具体的地理位置,那么可以再地图初始化的时候,调用AMap.moveCamera(CameraUpdateFactory.zoomTo(zoom))方法设置地图的缩放级别,记住带在地图...
  • 最近开发用到高的地图,将自己编码常用的参数设置记录一下。 aMap.moveCamera(CameraUpdateFactory.zoomTo(16));//缩放级别 myLocationStyle = new MyLocationStyle();//初始化定位蓝点样式类 /* ...
  • 高德地图】调整最大缩放级别

    千次阅读 2019-10-25 10:39:41
    //初始化地图 var map = new AMap.Map('container', { resizeEnable: true, expandZoomRange:true, zoom:20, //设置初始化级别 zooms:[3,20], //设置缩放级别范围 3-20 级 center: [116.397428, 39.90923] //...
  • 有时候你在初始化地图时不是直接在xaml中设置Map的... 这边提出的解决方案是:延迟设置地图中心点或者缩放级别。 下列代码是在map的MapLoaded事件中,页面加载事件也应该是可以的 DispatcherTimer timer = ne...
  • 高德地图相关总结

    2020-06-09 10:39:25
    map.setZoom()//设置地图级别 map.getCenter()//获取地图的中心点 map.setCenter()//设置地图的中心点 map.setZoomAndCenter(z,[x,y])//设置地图的层级以及中心点 map.getCity(callback(info))//获取行政区---info ...
  • 高德地图使用

    2017-12-23 15:14:43
    1.初始化地图: var map; function(){  map = new IMAP.MAP("map",{  minZoom : 3,  maxZoom:22,  zoom:22,//设置地图初始化级别  center: new IMAP.LngLat(经度,纬度),//地图的中心坐标点  anim
  • 申请JSAPI的开发者key引入高德地图JavaScript API文件:创建地图容器在页面body里你想展示地图的地方创建一个div 容器,并指定id标识:指定容器大小按照需要设定地图容器的大小,确保大小合适,比如用CSS这样设置它:#...
  • 高德地图常用方法

    2013-06-06 20:05:39
    level:11, //设置地图缩放级别 center:new AMap.LngLat(117.289686, 31.867204), //设置地图中心点 doubleClickZoom:true, //双击放大地图 scrollWheel:false//鼠标滚轮缩放地图 } var map = new AMap...
  • 问题描述就是我想让页面打开时默认划分显示的区域就是广州市问题出现的环境背景及自己尝试过哪些方法不知道怎么设置默认,没又显示,求指点迷津相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)var map = new...
  • 高德地图JavaScript API

    2019-07-09 17:44:20
    zoom: 10, //地图显示的缩放级别 center: [116.397428, 39.90923],//中心点坐标 }); 自定义图标的点标记: //设置图标 var icon = new AMap.Icon({ size: new AMap.Size(40, 40), ...
  • 高德地图小知识点

    千次阅读 2016-12-24 14:57:29
    1.设置地图放大倍数aMap.moveCamera...//设置地图放大为18倍,缩放级别是在3-19之间,最大为202.地图移动到某个坐标 aMap.animateCamera(CameraUpdateFactory.changeLatLng(mark.getPosition()));//方法内传
  • 高德地图缩放比例问题解决

    千次阅读 2017-07-13 10:44:51
    在开发中使用高德地图时遇到了这样的问题:调用AMap.moveCamera(CameraUpdateFactory.zoomTo(16))设置好了缩放比例,第一次打开地图也缩放到了合适的比例,但退出重进时有的时候缩放级别会变小,很不稳定。...
  • 前不久发现个小问题,项目需要实现点击某个Marker时将地图放大到合适的级别,中心点设置为当前Marker的坐标,并显示一个InfoWindow;问题所在就是当点击该Marker的时候,经常无法将地图中心设置为当前Marker的坐标,导致...
  • zoom: 12, //级别 center: [118.326443, 35.065282], //中心点坐标 viewMode: '3D', //使用3D视图 mapStyle: "amap://styles/8ce81794726a2f639a98dc3873d40114"//地图皮肤 }); var mess; //设置自定义 点样式,...
  • 高德地图定位相关API

    千次阅读 2016-06-12 13:56:21
    一:如果是直接定位到当前位置,可以参考demo中的小蓝点功能。 二:如果是根据得到的经纬度信息来定位到具体信息,可使用下面的API  aMap.moveCamera...// 设置指定的可视区域地图,其中18代表的是缩放级别
  • 高德地图-搜索服务-POI搜索 之前公司项目收货地址仿饿了么的收货地址,结果发现自己实现的关键字搜索和周边搜索,搜索到的poi列表跟饿了么的并不完全一样,后来考虑...高德地图 Android SDK 提供了千万级别的POI...
  • React Native 高德地图组件的使用(react-native-amap3d) 高德地图组件 react-native-amap3d ...设置地图状态 所谓的地图状态包括:中心坐标(coordinate)、缩放级别(zoomLevel)、倾斜度(titl)、旋转
  • 功能一:获取map地图窗口的可视区域:var map = new BMap.Map("allmap"); // 创建Map实例map.... //初始化时,即可设置中心点和地图缩放级别。var bs = map.getBounds(); //获取可视区域var bssw = bs.getSouthWes...
  • 当我们在地图设置很多坐标点的时候需要对地图进行初始化,让他显示在一个合理的范围并且能够包含所有点,保证点不被遗漏。 如果我们只是使用初始化定义下,很可能只能显示固定的地图大小,地图上点位标记显得不是...
  • 高德地图轨迹回放、路径...一、基础设置地图 //创建地图 var map = new AMap.Map('map',{ zoom:17,//视角级别 //中心点坐标 // pitch:45, layers: [//使用多个图层 new AMap.TileLayer.Satellite(), new AM
  • 1.为地图任意设置一个中心点和地图显示级别 ,并在中心点添加一个标记。 2.为鼠标设置一个小手状的样式 。 3.为地图绑定点击事件 ,在点击的地方添加一个标记 ,同时要把之前的标记清除。 ( 具体效果查看效果视频...
  • //设置缩放级别 aMap.moveCamera(CameraUpdateFactory.zoomTo(17)); //将地图移动到定位点 aMap.moveCamera(CameraUpdateFactory.changeLatLng(new LatLng(aMapLocation.getLatitude(), aMapLocation....

空空如也

空空如也

1 2 3
收藏数 46
精华内容 18
关键字:

高德设置地图级别