Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在iPad的web应用程序中使用谷歌地图_Javascript_Ipad_Google Maps Api 3 - Fatal编程技术网

Javascript 在iPad的web应用程序中使用谷歌地图

Javascript 在iPad的web应用程序中使用谷歌地图,javascript,ipad,google-maps-api-3,Javascript,Ipad,Google Maps Api 3,有没有一种特殊的方式可以在HTML中调用移动web应用程序的GoogleMapsAPI 我现在用标准的方式给他们打电话。。i、 e <%= 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) optio

有没有一种特殊的方式可以在HTML中调用移动web应用程序的GoogleMapsAPI

我现在用标准的方式给他们打电话。。i、 e

  <%= 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)

lat=53.80620266482967
液化天然气=-3.205146811523491
latlng=新的google.maps.latlng(lat,lng)
选择权=
缩放:6
中心:拉丁
mapTypeId:'OSM'
全控选项:
位置:google.maps.ControlPosition.TOP\u右
ZoomControl选项:
位置:google.maps.ControlPosition.TOP\u右
mapTypeControlOptions:
MapTypeId:['CloudMake','OSM',google.maps.MapTypeId.ROADMAP]
样式:google.maps.MapTypeControlStyle.DROPDOWN_菜单
位置:google.maps.ControlPosition.TOP\u右
@gMap=new google.maps.Map(document.getElementById(“Map”),选项)
@gMap.mapTypes.set('OSM',osmMapType)
@gMap.mapTypes.set('CloudMade',cloudMadeMapType)
@gMap.setMapTypeId(cloudMadeMapType)

但是它们看起来有点慢而且非常有趣,不像本地应用程序那么流畅。。。以前有人这样做过。我希望它们尽可能光滑

无论您使用标准方式还是其他方式,地图都会显示在几乎任何设备(包括iPad)上,但很可能是“jolty”和“slow”。毕竟,您是在web浏览器中运行它


但是,有一些特殊的jQuery插件可用于为移动设备(例如)开发谷歌地图应用程序。

在移动设备上实例化谷歌地图应该没有任何区别。当然,在浏览器中运行的任何东西都会比本地应用程序运行得不太顺畅,所以这不是一个公平的比较。但是,您的移动地图的性能是否比您使用时更差?另外,我们不知道您的cloudMadeMapType和osmMapType正在做什么。会不会有一些高强度的计算?添加更多的JavaScript会如何使它变得不那么轻松和缓慢?记录在案的是,唯一让它快活和缓慢的是糟糕的编码,我有一个非常重JS的google地图应用程序,在safari的iPad上运行起来就像一个梦。