关于使用百度地图报 Cannot read property 'gc' of undefined 错误的问题

最新推荐文章于 2024-11-02 12:42:04 发布

9247

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量1.5k

点赞数 1

分类专栏：一记文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/qq_41989994/article/details/103952946

版权

一记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

上周测试发现地图不显示，找了蛮久问题的没有找到，先将可能报 Cannot read property ‘gc’ of undefined 错误的问题，归类。

1、没有创建地图容器。

	<div id="fwzj_maps" class="tables" style="height:180px;">

2、排除单词写错，代码写错的问题，有可能就是生命周期的问题
如果放在mounted里面不成功的话，就放在updated里面

如果在遇到类似问题，补充更新。
新人小白，错误烦请指出。

贴。百度地图项目完整代码。

maps(x,y){
    if((x==0 && y==0) || (!x && !y)){
        setTimeout(function () {
          var map = new BMap.Map('fwzj_maps');
          var point = new BMap.Point(114.348018,30.552343);
          map.centerAndZoom(point, 8);
          map.enableScrollWheelZoom(true);
          // var marker = new BMap.Marker(point);
          // map.addOverlay(marker);
          map.addControl(new BMap.NavigationControl());
          var tileLayer = new BMap.TileLayer({isTransparentPng: true});
          // tileLayer.getTilesUrl = function(tileCoord,zoom) {
          //   var x = tileCoord.x;
          //   var y = tileCoord.y;
          //   return 'http://lbsyun.baidu.com/jsdemo/demo/tiles/' + zoom + '/tile' + x + '_' + y + '.png';  //根据当前坐标，选取合适的瓦片图
          // };
         },20);
        }else if(x != null){
          setTimeout(function () {
            var map = new BMap.Map('fwzj_maps'); 
            var point = new BMap.Point(x,y);
            map.centerAndZoom(point,8);
            map.enableScrollWheelZoom(true);
            // var marker = new BMap.Marker(point);
            // map.addOverlay(marker);
            map.addControl(new BMap.NavigationControl());
            var tileLayer = new BMap.TileLayer({isTransparentPng: true});
            map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
            tileLayer.getTilesUrl = function(tileCoord,zoom) {
              var x = tileCoord.x;
              var y = tileCoord.y;
              return 'http://lbsyun.baidu.com/jsdemo/demo/tiles/' + zoom + '/tile' + x + '_' + y + '.png';  //根据当前坐标，选取合适的瓦片图
            }
           } ,20);
        }
      },