Jquery mobile 在jQuery移动页面中嵌入Google地图_Jquery Mobile_Google Maps Api 3_Embed

Jquery mobile 在jQuery移动页面中嵌入Google地图

jquery-mobile google-maps-api-3

Jquery mobile 在jQuery移动页面中嵌入Google地图,jquery-mobile,google-maps-api-3,embed,Jquery Mobile,Google Maps Api 3,Embed,我所要做的就是在jQuery移动页面的内容标签中嵌入一个goggle地图，但我无法让它出现在页面上。我猜这是一个小小的错误，但我已经为此奋斗了一段时间，任何帮助都将不胜感激 #地图画布{ 高度：256px；宽度：384px；边缘顶部：0.6em； } geocoder=新的google.maps.geocoder（）； var map=new google.maps.map（$（“div#map_canvas”）{ 中心：新google.maps.LatLng（37.371940，-1

我所要做的就是在jQuery移动页面的内容标签中嵌入一个goggle地图，但我无法让它出现在页面上。我猜这是一个小小的错误，但我已经为此奋斗了一段时间，任何帮助都将不胜感激


#地图画布{
高度：256px；
宽度：384px；
边缘顶部：0.6em；
}
geocoder=新的google.maps.geocoder（）；
var map=new google.maps.map（$（“div#map_canvas”）{
中心：新google.maps.LatLng（37.371940，-122.116470），
缩放：11，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
map.index=2；

以下代码适用于我

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE"></script>  
<script type="text/javascript">      
    function initialize() {
        var myOptions = {
            center: new google.maps.LatLng(37.371940, -122.116470),           
            zoom: 11,          
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };         
        var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    }     
 </script> 

 <body onload="initialize()">


函数初始化（）{
变量myOptions={
中心：新google.maps.LatLng（37.371940，-122.116470），
缩放：11，
mapTypeId:google.maps.mapTypeId.ROADMAP
};         
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
}

$（div#非必需。$（“#地图#画布”）非常感谢您的回复，但我实现了您的建议，地图仍然没有出现。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE"></script>  
<script type="text/javascript">      
    function initialize() {
        var myOptions = {
            center: new google.maps.LatLng(37.371940, -122.116470),           
            zoom: 11,          
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };         
        var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    }     
 </script> 

 <body onload="initialize()">