网站建设公众号小程序属于什么,陈木胜老婆,wordpress改插件,城阳做网站找哪家好百度地图个性地图失效问题
1. 原因1
网上找就是把版本改3.0#xff0c;但后来发现实际上百度地图分几个版本#xff0c;传统是升级3.0才支持个性化地图的。webgl版本1.0就可以了支持#xff0c;因此webgl版本不需要改成3.0。
传统版本的引用#xff08;以 2.0 版本为例但后来发现实际上百度地图分几个版本传统是升级3.0才支持个性化地图的。webgl版本1.0就可以了支持因此webgl版本不需要改成3.0。
传统版本的引用以 2.0 版本为例http://api.map.baidu.com/api?v2.0akxxxxx
WebGL 版本的引用当前为 1.0 版本http://api.map.baidu.com/api?typewebglv1.0akxxxxx
2. 原因2
静态加载和动态加载问题 静态加载需要windows.onload中设置map.setMapStyleV2才能生效还有一个说法是等map.centerAndZoom,感觉是不用的。
动态加载百度地图js国为有callback直接在init方法中执行 setMapStyleV2就可以了。
function loadJScript() {var script document.createElement(script);script.type text/javascript;script.src //api.map.baidu.com/api?typewebglv1.0ak您的akcallbackinit;document.body.appendChild(script);}function initMap() {var map new BMapGL.Map(container); // 创建Map实例var point new BMapGL.Point(116.404, 39.915); // 创建点坐标map.centerAndZoom(point, 10);map.enableScrollWheelZoom(); // 启用滚轮放大缩小map.setMapStyleV2({styleId: xxxxx});}window.onload loadJScript; // 异步加载地图3. 原因3
设置了BMAP_SATELLITE_MAP后就不会显示个性化地图了我也是这个问题引起的找了半天对比代码才找到特此记录一下。
map.setMapType(BMAP_SATELLITE_MAP);