`

Chrome下使用百度地图报错Cannot read property 'minZoom' of undefined

阅读更多

 

问题:工作中在Google chome下面的js console里面测试百度地图API

var map = new BMap.Map("container");

 
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
 
TypeError: Cannot read property 'minZoom' of undefined
  1. message"Cannot read property 'minZoom' of undefined"
  2. stack(...)
  3. get stackfunction () { [native code] }
  4. set stackfunction () { [native code] }
  5. __proto__Error

 

解决办法:把js代码放到地图DIV容器的下面即可。

Html代码  收藏代码
  1. ...  
  2. ...  
  3. <body>  
  4.     <div id="mymap"></div>  
  5.     <script type="text/javascript">   
  6.         var map = new BMap.Map("mymap");
  7.         map.centerAndZoom(new BMap.Point(123.404, 39.815),11);
  8.     </script>  
  9. </body>  
  10. ...  
  11. ...  

 

分享到:
评论

相关推荐

    leaflet加载百度地图

    然而,由于百度地图使用的是自己的坐标系统(BD-09),与常见的WGS84坐标系不同,所以在使用Leaflet时直接加载百度地图会遇到兼容性问题。本教程将详细讲解如何通过Leaflet成功加载并显示百度地图。 首先,我们需要...

    leaflet加载百度地图和其他网络在线地图

    在本主题中,我们将深入探讨如何使用Leaflet加载百度地图以及其他网络在线地图。 首先,让我们关注如何在Leaflet中加载百度地图。百度地图提供了丰富的地图服务,包括瓦片图层(地图的基本图像单元)、卫星影像和...

    leaflet加载百度地图底图

    在本文中,我们将深入探讨如何将百度地图底图与Leaflet JavaScript库进行融合,以便在Web应用程序中创建交互式地图。Leaflet是一个轻量级、高性能的开源JavaScript库,广泛用于构建地图应用。而百度地图是中国领先的...

    leaflet加载百度地图(矫正版)

    在本文中,我们将深入探讨如何使用Leaflet.js库来加载并显示百度地图,这是一个非常流行的JavaScript库,用于创建交互式的地图应用。Leaflet以其轻量级、易用性以及丰富的功能而受到开发者们的广泛欢迎。然而,由于...

    leaflet加百度地图实现行政区划掩膜和镂空效果

    在本文中,我们将深入探讨如何使用Leaflet库与百度地图API来实现在WebGIS应用中创建行政区划掩膜和镂空效果。Leaflet是一个轻量级的JavaScript库,专为移动设备优化,使得创建交互式地图变得更加简单。而百度地图API...

    leaflet加载百度瓦片并使用百度线路规划

    在本文中,我们将深入探讨如何使用Leaflet.js库来加载百度地图瓦片,并结合百度Web服务API实现线路规划功能。Leaflet是一个轻量级、强大的JavaScript库,常用于创建交互式地图应用。而百度地图则提供了丰富的地图...

    leaflet 加载百度自定义地图

    - **NormalLayer**: 此图层为标准的地图图层,使用的是百度地图的标准API,不涉及自定义样式。 - **ImagelLayer**: 这个图层由两个子图层组成,一个是卫星图像图层,另一个是带有标签的标准地图图层。通过`L.layer...

    百度地图javascriptAPI踩坑及使用记录

    登录百度地图开发平台,在应用管理&gt;我的应用&gt;创建应用,根据自己的需求设置相关参数,会生成一个ak,后续可直接使用。 2.在需要使用百度地图的页面引入api: 3.创建地图容器: 地图大小及位置可根据需求自由调整 ...

    34.(leaflet篇)leaflet接入百度影像地图.zip

    在本教程中,我们将深入探讨如何使用Leaflet库来接入并显示百度影像地图。Leaflet是一个轻量级的JavaScript库,专为移动设备优化,用于...记得在使用过程中遵循百度地图的使用条款,尊重用户隐私,合理使用地图数据。

    百度地图API开发手册

    ### 百度地图API开发手册知识点详解 #### 一、核心类 在百度地图API开发手册中,核心类是构建地图应用的基础。这些类提供了基本的地图功能和设置选项。 ##### Map - **简介**:`Map`类是百度地图API中最核心的类...

    leaflet-tileLayer-baidugaode:leaflet 加载百度瓦片地图图层 以及高德 、天地图等国内常用地图

    Leaflet加载国内百度、高德、谷歌、天地图等地图 加载百度地图 //注意将map的crs赋值 crs: L.CRS.Baidu 详情请阅读示例页面 var map = L.map('map', { crs: L.CRS.Baidu, minZoom: 3, maxZoom: 18, ...

    76.(leaflet篇)leaflet地图无级别缩放(移动端).zip

    Leaflet使用TMS(Tile Map Service)或WMS(Web Map Service)等服务来获取地图瓦片,这些服务可以根据缩放级别返回不同分辨率的图像。 Leaflet的`zoomAnimation`和`zoomSnap`选项可以进一步优化缩放体验。`...

    C# GMap.net高德地图的用法

    在本文中,我们将深入探讨如何在C#项目中使用GMap.net库与高德地图API进行集成,实现在线和离线地图功能。GMap.net是一个强大的开源库,它提供了多种地图服务提供商,包括高德地图(AMapProvider)。我们将依次介绍...

    1.(leaflet篇)leaflet接入天地图.zip

    本文将详细介绍如何使用Leaflet接入中国的天地图服务,让开发者能够在中国地图的基础上实现各种地图应用。 首先,你需要在HTML文件中引入Leaflet库。天地图也提供了JavaScript API,但在这里我们将使用Leaflet作为...

    【ASP.NET编程知识】在WinForm和WPF中使用GMap.Net地图插件简单教程.docx

    GMap.Net是一款功能强大且灵活的地图插件,它可以在WinForm和WPF应用程序中使用,以提供丰富的地图显示和交互功能。下面我们将详细介绍如何在WinForm和WPF中使用GMap.Net地图插件。 一、GMap.Net简介 GMap.Net是一...

    Mapbox加载天地图CGCS2000瓦片地图服务

    在本文中,我们将深入探讨如何使用Mapbox GL JS库加载天地图CGCS2000瓦片地图服务。Mapbox GL JS是一个强大的JavaScript库,它允许开发者创建交互式的、矢量渲染的地图。天地图是中国官方的地理信息服务,提供多种...

    C# 地图显示缩放 坐标系动态显示 多级地图显示

    在C#编程中,地图显示、缩放以及坐标系的动态显示是GIS(地理信息系统)应用中的关键元素。本文将深入探讨如何利用C#实现这些功能,尤其关注坐标轴的处理和多级地图的显示。 首先,地图显示通常涉及到地图数据的...

    谷歌地图 delphi 封装库 2013 0.1.9 全面支持google maps api

    一个老外(西班牙)编写的控件,封装了全部google maps api ,使用在DELPHI中使用谷歌地图变得非常简单 GMLib - Google Maps Library Send suggestions to gmlib@cadetill.com Supported Delphi version: Delphi 6...

    高德地图点聚合效果

    在IT行业中,地图服务是大数据可视化的一个重要应用领域,尤其在移动互联网时代,地图API的使用变得越来越普遍。本文将详细讲解如何利用高德地图实现点聚合效果,以解决在地图上显示大量数据点时的视觉拥挤问题。 ...

    leaflet离线地图api

    对于离线电子地图来说,其主要特点在于可以在无网络环境下使用。但这也意味着某些在线地图服务(如路线导航)将不可用。为了构建这样的系统,需要考虑以下几点: - **地图数据的获取**:可以通过地图下载器预先下载...

Global site tag (gtag.js) - Google Analytics