transform导致百度地图缩放发生偏移解决方案

制作可视化大屏的时候，会用到transform来实现自适应，那么就导致了地图缩放时发生偏移，体验感很差。

试了很多种方法都无效，最终是把地图提取出来，新建一个html文件，然后用iframe标签来引用新的页面，这样的话地图进行鼠标缩放的时候，就不会发生偏移了。代码如下：

<div class="grainBgOne" style="width:500px;height:400px;>
     <iframe src="map.html" frameborder="0" style="width: 100%;height: 100%"></iframe>
</div>

成功搞定~~~