• jQuery
• android google maps JavaScript的 jquery jquery mobile
• 如何使谷歌地图像Android手机中的谷歌地图应用程序一样工作

 /* * Google Maps documentation: http://code.google.com/apis/maps/documentation/javascript/basics.html * Geolocation documentation: http://dev.w3.org/geo/api/spec-source.html */ $( document ).on( "pageshow", "#map-page", function() {  var defaultLatLng = new google.maps.LatLng('',''); drawMap(defaultLatLng); // Default to Hollywood, CA when no geolocation support //var latlng = marker.getPosition(); function drawMap(latlng) { var myOptions = { zoom: 10, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions); // Add an overlay to the map of current lat/lng var marker = new google.maps.Marker({ position: latlng, map: map, title: "Greetings!" }); $( window ).resize(function() { google.maps.event.trigger(map, 'resize'); }); map.setCenter(defaultLatLng); } });  

 
 
 Go to Page One 
text('Ubicación Aproximada')?> 
 Back 
 
  <!---
 ----> 
 

EDIT1

添加了以下脚本

 $(window).bind( 'orientationchange', function(e){ var ori = window.orientation ; w = (ori==90 || ori==-90) ? screen.height : screen.width; h = (ori==90 || ori==-90) ? screen.width : screen.height; $('#map-canvas').width(w); $('#map-canvas').height($(window).height()- $('#head1').height()); }); 

结果成

回答

以下是我的问题的答案，它就像移动设备中的谷歌地图应用程序一样

  /* * Google Maps documentation: http://code.google.com/apis/maps/documentation/javascript/basics.html * Geolocation documentation: http://dev.w3.org/geo/api/spec-source.html */ $( document ).on( "pageshow", "#map-page", function() {  var defaultLatLng = new google.maps.LatLng('',''); $('#map-canvas').height( $(window).height() - $('#head1').height()); drawMap(defaultLatLng); // Default to Hollywood, CA when no geolocation support //var latlng = marker.getPosition(); function drawMap(latlng) { var myOptions = { zoom: 10, center: latlng, streetViewControl:true, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions); // Add an overlay to the map of current lat/lng var marker = new google.maps.Marker({ position: latlng, map: map, title: "Greetings!" }); // this is our gem google.maps.event.addDomListener(window, "resize", function() { var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); }); } }); $(window).bind( 'orientationchange', function(e){ var ori = window.orientation ; w = (ori==90 || ori==-90) ? window.height : window.width; $('#map-canvas').width(w); $('#map-canvas').height( $(window).height() - $('#head1').height()); });  

  var v = $( window ).height(); h= $('#head1').height(); v = v - h; $('#map-canvas').height(v); 

 $('#map-canvas').height( $(window).height() - $('#head1').height()); 

• 如何隐藏html表单选择选项？
• 初始化JQuery日期选择器

• 当用户点击彼此靠近的链接时，如何防止Android Chrome放大镜（链接预览）？
• 页面加载与jQuery-mobile转换不同
• 在Android 4.0.4默认浏览器上，JavaScript点击事件无法在Samsung Galaxy SIII上运行
• backbutton确认退出app android + phonegap + jquery
• 重绘元素会在Android浏览器中忽略user-scalable = 0。 为什么？
• 使用jQuery，Android 2.2.2上的浏览器无法获取JSONP
• Android事件总线将数据从活动传递到选项卡片段
• 在上传不工作之前，Android webview中的图像预览
• ReferenceError：找不到变量：$，jquerymobile + phonegap