百度地图花屏解决方案

百度地图花屏解决方案

百度地图花屏,如图:
百度地图花屏解决方案
原样式:body, html,#mainMap{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:0.54%;}
其中#mainMap用于百度地图。
现改为:body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:0.54%;} #mainMap {width: 300%;height: 300%;}
便可解决。
很明显没花的地方范围是没达到100%的宽和高的;将百度地图的作用范围扩大(相对于父级),这样花的地方就在可视的之外。