如何在jquery mobile中加载google map api

介绍一个用jquery mobile的ajax效果加载google map api,实现地图呈现的例子。 代码示例 首先是代码示例,使用iphone或android之类的手机查看,效果更佳 google map with jquery mobile 关键代码说明 map.js map.js定义了加载地图的方法initiallize(),这个和常规网页中加载google map是一致的,因此这里不再细述。 map.html 地图的实际页面,在这个页面中不能直接加载google map的api,因为它是采用document.write再次写入script来实现的,所以我们采用callback的方式来加载它,见下面的代码: head.js( “map.js”, function() { head.js(“http://maps.google.com/maps/api/js?sensor=true&callback=initialize”); } ); 首先用head.js把initialize方法装载进来,然后用callback方式调用google map api。你可以试试用最平常的方式加载这段代码,看看有什么效果。 <script src=”map.js”></script> <script src=”http://maps.google.com/maps/api/js?sensor=true&callback=initialize”></script>