2012-06-13 46 views
0

是否有一种特殊的方式将HTML地图API调用为移动Web应用程序?在iPad的网络应用程序中使用Google地图

我现在打电话给他们以标准方式..即

<%= javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false" %> 
lat = 53.80620266482967 
lng = -3.205146811523491 
latlng = new google.maps.LatLng(lat, lng) 
options = 
    zoom: 6 

    center: latlng 
    mapTypeId: 'OSM' 
    panControlOptions: 
    position: google.maps.ControlPosition.TOP_RIGHT 
    zoomControlOptions: 
    position: google.maps.ControlPosition.TOP_RIGHT 
    mapTypeControlOptions: 
    mapTypeIds: ['CloudMade', 'OSM', google.maps.MapTypeId.ROADMAP] 
    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
    position: google.maps.ControlPosition.TOP_RIGHT 
@gMap = new google.maps.Map(document.getElementById("map"), options) 
@gMap.mapTypes.set('OSM', osmMapType) 
@gMap.mapTypes.set('CloudMade', cloudMadeMapType) 
@gMap.setMapTypeId(cloudMadeMapType) 

但他们似乎有点慢很jolty,并不顺利,因为本机应用...任何人这样做过。我希望让他们尽可能顺利。

+0

在移动设备上实例化Google地图应该没有任何区别。当然,浏览器中运行的任何东西预计都会比原生应用程序执行得不那么顺畅,所以这不是一个公平的比较。但是,您的移动地图是否比去[maps.google.com](http://maps.google.com)时的地图效果差?另外,我们不知道你的cloudMadeMapType和osmMapType在做什么。那里会有一些激烈的计算吗? – meetamit

回答

0

如果使用标准方式或任何其他方式无关紧要 - 地图几乎可以在任何设备(包括iPad)上显示,但它很可能是“抖动”和“慢速”。毕竟,你正在网络浏览器中运行它。

有,但是,可用于开发谷歌地图应用程序的移动设备(例如jquery-ui-map)特殊的jQuery插件

+0

如何添加更多的JavaScript使它变得不那么慢和慢?为了记录,唯一让它变得不稳定和缓慢的问题是糟糕的编码,我有一个非常JS沉重的谷歌地图应用程序,它在Safari浏览器上像iPad上的梦一样运行。 – Adam

相关问题