`

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. ...  

 

分享到:
评论

相关推荐

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

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

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

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

    谷歌地图 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...

    Leaflet.MiniMap:一个Leaflet插件,在地图视图的一角提供了一个小地图

    Leaflet.MiniMap是一个小型地图控件,您可以将其放入传单地图中,它将在角落创建一个小地图,该小地图显示与设置缩放比例的主地图相同的地图。 (默认为-5 。) 使用MiniMap控件 该控件可以插入两行:首先,您必须...

    wordpress-projects-map:一个wordpress插件,用于显示地图和可选的高级自定义字段

    自述文件## Wordpress项目地图此Wordpress插件使用简单地图在wordpress上显示地图。 如果您创建由名称组成的高级自定义字段,该字段由googlemaps类型为坐标的字段组成,则所有字段都会显示在地图上。 ##要求您必须将...

    leaflet-zoom-min:传单缩放控制扩展了一个按钮以缩小到最小缩放

    它为缩放控件添加了一个按钮,允许您单击一次即可缩放到地图最小缩放级别。 用法 将leaflet-zoom-min JS 和 CSS 添加到您的页面: &lt; link rel =" stylesheet " href =" L.Control.ZoomMin.css " media =" ...

    Maperitive-latest.zip

    有了地图osm的资源后,可以用这个制作地图瓦片。...输入generate-tiles minzoom=8 maxzoom=17,数字表示地图的缩放级别可以更换。完成后在其软件的目录下面有个Tiles的文件夹,这里面存放的就是地图的瓦片。

    tileimg:将您的图像转换为地图图块

    将图像转换为地图图块,可以使用和类的库进行查看。 它基于ImageMagick构建: 在Ubuntu上 $ apt-get install imagemagick 在Mac OS X上 $ brew install imagemagick 在CentOS上 $ yum install imagemagick 安装...

    Mobile Atlas Creator.exe

    &lt;minZoom&gt;1&lt;/minZoom&gt; &lt;maxZoom&gt;20 &lt;tileType&gt;PNG &lt;tileUpdate&gt;None &lt;url&gt;http://mt0.google.com/vt/lyrs=s,m&amp;hl=iw&amp;x={$x}&amp;y={$y}&amp;z={$z} &lt;name&gt;tiandituwenzhicheng1 &lt;minZoom&gt;3&lt;/...

    mapsplit:将OSM数据分割为可移植切片格式的快速方法

    它之所以出现,是因为需要一种快速的方法来分割OSM地图文件,以使用OSM2World( )渲染3D瓷砖,该文件最初由Peter Barth于2011年创建。 虽然从概念上类似于“矢量图块”,但MapSplit生成的图块包含未处理,未修改...

    maplarge:WIP maplarge瓷砖图层,可用于Google地图

    minzoom :默认为0。 maxzoom :默认20。 click :单击事件的处理程序,如果要进行交互,则为必需。 fields :返回到click函数的字段数组。 refresh :检查数据是否已更新的频率(如果更新,则刷新磁贴),如果不...

    svg-pan-zoom.js

    使用示例: svgPanZoom('#demo-tiger', { viewportSelector: '.svg-pan-zoom_viewport' , panEnabled: true , controlIconsEnabled: false , zoomEnabled: true , dblClickZoomEnabled: true , ...

    mobile-openlayers2

    1. 第一章 hello World使用本套类库创建第一个应用,加载地图配置var json = { "mapOpts": { "minZoom": 6, "defaultZoom": 11, "maxZoom": 18, "centerPoint": [116.37949, 39.87198], "projection": "EPSG:900913" ...

    Android代码-ImageViewZoom

    This is an implementation of the ImageView widget used in the Gallery app of the Android opensource project. Checkout the repository and run the ImageViewTouchTest project to see how it works. Beside ...

    plots-leaflet-viewer:基于传单的TMS查看器,它接受TMS URL作为GET参数。 适合全屏地图查看和嵌入

    它遵循以下语法,为TMS以及其他参数添加参数: tms-带有尾随的slah,例如 lon-中心经度,必填纬度-中心纬度,必填zoom-缩放级别,默认为18 minZoom-最小缩放级别,默认为15 maxZoom-最大缩放级别,默认为22 用它...

    Leaflet.NonTiledLayer

    虽然 Leaflet 很好地处理了从瓦片拼接地图的事实上的标准,但我还没有找到不能在瓦片中查询的图像数据的概念。 并非所有图像提供者都能正确处理切片,例如,如果它们动态渲染标签。 因此,我添加了一个 Leaflet....

    overpass-layer:通过OverpassFrontend使用来自Overpass API的OpenStreetMap数据显示一个Leaflet层

    通过 使用来自OpenStreetMap数据显示一个层。 检查 用法 // Connect to Overpass API - you can also use a (small) .osm file as data source var overpassFrontend = new OverpassFrontend ( '//overpass-api.de/...

    kosmtik-tiles-export:导出您的Kosmtik地图的图块树

    #kosmtik-tiles-export 从您的Kosmtik项目...: node index.js export ~/path/to/project.yml --format tiles --output /path/to/output/dir --minZoom 10 --maxZoom 16问题和功能要求请在上报告任何问题或功能请求。

    tile-renderer:leaflet.js用法的tile渲染器

    瓷砖渲染器由i____7d制作的leaflet.js用法的切片...只是个速成更新了输入格式并为test.py添加了json读取代码为renderer.render()添加了minzoom,maxzoom,maxzoomrange v0.0(8/2/21) 开始的项目记录的JSON字典结构

Global site tag (gtag.js) - Google Analytics