正文 

当前位置： 首页 > 问答 >

使用带有缩放功能的 UIWebView 显示 Google 地图

     2023-02-27     278

关键词：

【中文标题】使用带有缩放功能的 UIWebView 显示 Google 地图【英文标题】：Show Google Maps using a UIWebView with zooming 【发布时间】：2009-10-21 07:55:46 【问题描述】：

MapKit 不支持行车路线。所以我想我可以在 webview 中显示行车方向。我在 uiwebview 中显示谷歌地图，但它显示了整个网站，我只想显示带有一些缩放的地图部分，以便它看起来像 iphone 的原始地图应用程序。另外我不知道这是否违反了苹果的人机界面指南（HIG）规则，请告诉我是否是。

【问题讨论】：

【参考方案1】：

将这样的字符串作为 NSString 加载（也许去掉换行符）。您可以使用stringWithFormat更改经纬度、缩放级别等

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
  function initialize() 
    var latlng = new google.maps.LatLng(35.000, 139.000);
    var myOptions = 
      zoom: 15,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  ;
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
</script>
</head>
<body onload="initialize()">
 <div id="map_canvas" style="width:100%; height:100%">
</body>
</html>

然后将您的UIWebViews html 设置为该值。它会给你一个只有地图的页面，允许你用手指滚动或放大，捏缩放，并放置一个标记。

使用它来加载 HTML：

- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL

【讨论】：

我想显示行车方向，你能告诉我如何用你的代码做到这一点。我有两个纬度/经度位置，还有我应该在方法中传递什么参数到 baseURL - (void)loadHTMLString :(NSString *)string baseURL:(NSURL *)baseURL 也告诉我如果我使用这个应用程序会被苹果拒绝 这应该足以让您入门，现在您必须弄清楚如何制作带有行车路线的网页。我帮不了你。至于应用程序被苹果拒绝，这是不可能的。您提交的任何应用程序，无论是否会被接受，您都会赌一把。【参考方案2】：

给你。将它传递给一个 stringWithFormat ，其原始纬度长度为两倍，目的地纬度长度为一次，所有这些都为浮点数：

[NSString stringWithformat:..., oriLat,oriLon,oriLat,oriLon,destLat,destLon];

然后将其传递给 UIWebView

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">

  var directionsDisplay = new google.maps.DirectionsRenderer();

  var directionsService = new google.maps.DirectionsService();

  function initialize() 
        var latlng = new google.maps.LatLng(%f, %f);
        var myOptions = 
          zoom: 15,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
  ;

  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  directionsDisplay.setMap(map);
  calcRoute();
  

function calcRoute() 
  var start = new google.maps.LatLng(%f, %f);
  var end = new google.maps.LatLng(%f, %f);
  var request = 
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  ;
  directionsService.route(request, function(result, status) 
    if (status == google.maps.DirectionsStatus.OK) 
      directionsDisplay.setDirections(result);
    
  );



</script>
</head>
<body onload="initialize()">
 <div id="map_canvas" style="width:300px; height:300px">
</body>
</html>

【讨论】：

我该怎么做呢？我的意思是将 html 添加为字符串。谢谢

在 UIWebView 上启用缩放/捏合

】在UIWebView上启用缩放/捏合【英文标题】：Enablezooming/pinchonUIWebView【发布时间】：2011-10-3108:45:45【问题描述】：我有一个带有pdf文件的UIWebView。它工作正常。但是我如何启用对pdf文件的缩放？【问题讨论】：【参考方案1】：如... 查看详情

带有视口的 UIWebview 横向格式

】带有视口的UIWebview横向格式【英文标题】：UIWebviewlandscapeformattingwithviewport【发布时间】：2009-05-1121:43:14【问题描述】：我正在使用这里提到的元视口WhydoesUIWebViewshrinkimages?用于UIWebView。这可以很好地格式化肖像，我不必补偿奇... 查看详情

UIWebview 缩放 PDF 和大 .图像缩放默认 IOS

】UIWebview缩放PDF和大.图像缩放默认IOS【英文标题】：UIWebviewZoomingPDFandLarge.ImagesZoomBydefaultsIOS【发布时间】：2017-05-2407:02:48【问题描述】：我正在使用UIWebView加载具有缩放功能的PDF和图像。为此，我检查了webView.scalesPageToFit属性为... 查看详情

将较小的 UIWebView 显示为表单

】将较小的UIWebView显示为表单【英文标题】：displayingasmallerUIWebViewasaformsheet【发布时间】：2010-08-2708:13:57【问题描述】：我正在尝试在iPad上弹出一个UIWebView，其中包含一个专为iPhone(320x480)设计的网站。我希望网络视图居中，并... 查看详情

使用 Facebook 的访问令牌在 UIWebView 中显示带有经过身份验证的用户会话的粉丝页面

】使用Facebook的访问令牌在UIWebView中显示带有经过身份验证的用户会话的粉丝页面【英文标题】：DisplayingafanpageinaUIWebViewwithanauthenticatedusersessionusingFacebook\'saccesstoken【发布时间】：2013-03-0909:01:12【问题描述】：我们正在开发一款... 查看详情

如何在不使用 UIWebView 的情况下在 iOS 10 中显示带有 HTML 标签的文本（使用 swift）

】如何在不使用UIWebView的情况下在iOS10中显示带有HTML标签的文本（使用swift）【英文标题】：HowtodisplaytextwithHTMLTagsiniOS10withoutusingUIWebView(usingswift)【发布时间】：2016-10-1213:06:12【问题描述】：目前我正在寻找以下问题的解决方案... 查看详情

带有缩放和平移功能的 Windows 窗体的 PictureBox

】带有缩放和平移功能的Windows窗体的PictureBox【英文标题】：WindowsForms\'PictureBoxwithzoomingandpanning【发布时间】：2011-02-0604:12:45【问题描述】：我的应用程序需要控制显示位图(jpg)，还需要缩放和平移它们（因此，如果您按下鼠标... 查看详情

禁用放大 UIWebView 但保留其他用户交互

】禁用放大UIWebView但保留其他用户交互【英文标题】：DisablezoominaUIWebViewbutkeepotheruserinteraction【发布时间】：2014-02-0900:14:01【问题描述】：我有一个显示一些文本的UIWebView，我想禁用缩放/取消缩放，但我想检测用户何时点击链接... 查看详情

在内部使用带有 UIWebView 的 url 方案来更改 UILabel

】在内部使用带有UIWebView的url方案来更改UILabel【英文标题】：UsingaurlschemeinternallywithaUIWebViewtochangeaUILabel【发布时间】：2011-01-2019:26:31【问题描述】：我有一个UIWebView，它在UINavigationController中显示了几个屏幕：FirstView>SecondView&... 查看详情

我可以有一个带有 UIWebView 内容的 UIButton 吗？

】我可以有一个带有UIWebView内容的UIButton吗？【英文标题】：canIhaveaUIButtonwithUIWebViewcontents?【发布时间】：2011-01-1807:43:01【问题描述】：我想要具有UIWebView的文本格式功能的按钮。这是否可以通过子类化UIButton来轻松完成，或者... 查看详情

无法缩放某些网页的 UIWebView

】无法缩放某些网页的UIWebView【英文标题】：can\'tzoomUIWebViewforcertainwebpages【发布时间】：2012-04-2722:10:11【问题描述】：为什么在UIWebView中显示的视图网页是可缩放的，而有些则不能？如何使所有这些都可缩放？我可以放大几页... 查看详情

可主题化的浏览器强行使用带有离子电容的 UIWebView

】可主题化的浏览器强行使用带有离子电容的UIWebView【英文标题】：ThemeablebrowseruseUIWebViewforcefullywithioniccapacitor【发布时间】：2020-06-0214:15:02【问题描述】：我正在使用电容器进行离子应用。我必须使用https://ionicframework.com/docs/na... 查看详情

防止 UIWebview 上的捏缩放和双击缩放

】防止UIWebview上的捏缩放和双击缩放【英文标题】：PreventingpinchzoomanddoubletapzoomonUIWebview【发布时间】：2013-02-2106:06:44【问题描述】：我知道这个问题以前曾以各种方式提出过，但我想把我试图解决的问题提出来。我在UIWebview上... 查看详情

用于视网膜显示的 uiwebview 中的 iOS 内容大小

】用于视网膜显示的uiwebview中的iOS内容大小【英文标题】：iOSsizeofcontentinuiwebviewforretinadisplay【发布时间】：2012-03-0822:45:10【问题描述】：我应该在UIWebView中使用高分辨率图像进行视网膜显示吗？目前我使用的HTML是屏幕大小的两... 查看详情

带有本地 HTML 文件的 UIWebView 不显示图像

】带有本地HTML文件的UIWebView不显示图像【英文标题】：UIWebViewwithlocalHTMLfilenotshowingimage【发布时间】：2014-04-2119:44:52【问题描述】：我已创建网页并将其导入Xcode网页包含文字和图片当我在UIWebView中加载网页时，页面出现但没有... 查看详情

iPhone 6 显示缩放功能扰乱了整个视图

...om功能，它只有标准显示。问题：当我在模拟器和iPhone6（带有标准显示器）上运行我的代码时， 查看详情

如何在 iOS UIWebView 中显示带有 PDF 内容的 NSData？

】如何在iOSUIWebView中显示带有PDF内容的NSData？【英文标题】：HowtodisplayNSDatawithPDFcontentiniOSUIWebView?【发布时间】：2013-06-0616:41:11【问题描述】：我正在尝试通过UIWebView在我的iPad应用程序中显示PDF，如下所示。NSData*responseData=[NSURLC... 查看详情

FormSheet UIWebView 内的 HTML 页面缩放到全宽

】FormSheetUIWebView内的HTML页面缩放到全宽【英文标题】：HTMLPageinsideaFormSheetUIWebViewscalestofullwidth【发布时间】：2012-10-0313:44:51【问题描述】：我正在UIWebView中显示一个HMTL页面。该页面显示为表单内的模式视图控制器。现在HTML有以... 查看详情