高德地图移动端ios遇到的坑问题是这样的这两天在开发色彩地图和气泡地图的时候，遇到个移动端的问题；在安卓上能正常显示，

问题是这样的

这两天在开发色彩地图和气泡地图的时候，遇到个移动端的问题；在安卓上能正常显示，但是在ios app浏览器上显示不全，且提示浏览器版本过低，请升级最新版本的浏览器，或使用高版本火狐、谷歌等浏览器；但是在ios自带浏览器Safari上直接打开页面又可以正常显示；

企业微信截图_16820698989163.png

刚开始定位问题以为是性能问题，导致浏览器内存溢出导致的，后面经过优化后，整个页面的速度已经明显快了很多，尤其是在安卓上速度明显提升了很多，页面打开很快渲染完；但是在ios虽然渲染速度也看出来已经提升了，但是还是没法显示齐全；

因为我用的是高德地图2.0版本，后面高德常见问题中发现有个相似的问题解决方案，lbs.amap.com/faq/other-p… ；抱着试一试的心态，后面发现还真解决了

解决方法就是

在导入高德地图api之前设置 window.forceWebGL = true;

<script>
        window.forceWebGL = true;
</script>
<script type="text/javascript">
        window._AMapSecurityConfig = {
                securityJsCode:'********',
        }
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=******&plugin=AMap.Geocoder,AMap.DistrictSearch,AMap.DistrictLayer"></script>
<script src="https://webapi.amap.com/loader.js"></script>