手机软件定制开发-AppCan中使用百度地图时分辨率设置的说明

   AppCan是一个正益无线公司为App开发推出的一款高性能开发框架。AppCan移动应用引擎具有开发应用速度快和应用运行速度快的“双快”特点，是国内Hybrid App混合模式开发技术的倡导者和领导者。

  我们在应用开发中会经常用到和地图相关的功能模块，而百度地图以其完美的体验度成了我们不二的选择，大多数开发人员都会选择百度地图API作为自己项目中的地图展示插件。而在百度地图API和AppCan开发框架共同使用的时候，我们却遇到各种的问题，接下来就我在开发《找货易》物流信息匹配平台项目中遇到的百度地图字体大小的问题做下总结。

   上图是我们在《找货易》项目中添加的百度地图的界面的展示效果，很明显，除了页面标题和底部工具栏的字体大小正常外，百度地图中展示的字体太小，已经无法看清了。这是什么原因引起的呢？

    我们在开发AppCan应用的时候，都会在head标签中添加 一句

< meta name=viewport content=target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0 / >

代码，该句代码是为了控制页面的大小和展示分辨率而设置的，其中【target-densitydpi=device-dpi】定义了页面的分辨率采用设备（手机）本身的分辨率来展示页面效果。这在普通的页面中这样用保证了开发的页面在不同大小分辨率的手机屏幕中显示效果的一致性，是我们开发页面时不可缺少的一行代码。但是当遇到百度地图的页面时缺出现了上图展示的效果。这是因为我们设置了页面的分辨率采用设备自身的分辨率，所以百度地图无法根据获取到设备分辨率来自动调整地图内容中的文字、图片大小。我们将上句分辨率的属性的设置去掉，在预览我们的地图页面发现已经正常了。

    所以我们在开发移动设备页面时，如果页面中需要展示地图，就不能添加【target-densitydpi=device-dpi】这个属性了。

    下图是我们页面的正常展示效果：