我有一个jQuery Mobile App，我在Google Map上有6个绘图点的JavaScript代码（使用API密钥）。
我的移动应用已设置好，因此它在index.html中有内部网页<div data-role="page">。
我的问题是 - 如何将我的Google Map JavaScript代码加载到我的index.html页面并让它在内部页面上加载我的地图？ （它完美地作为单独的.html文件工作）
到目前为止，我已经在<div data-role="maps-page"下面加载了我的地图脚本以及API的脚本，如此...
<div data-role="page" id="maps-page" data-scroll="true">
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=true">
</script>
<script type="text/javascript"> <!-- GOOGLE MAPS JAVASCRIPT HERE --> <\script>
我的index.html身体标记为整个页面的<body onload="initialize()">。
内容如此...
<div role="main" class="ui-content" id="content">
<div id="map_canvas" style="width:100%; height:100%">
</div>
</div>
问题在于每当我点击指向我的地图页面的链接时，都不会发生任何事情。 <a href="#maps-page" class="ui-btn ui-corner-all ui-mini">Google Maps</a> - 这是小组的一部分。