如何在UIWebView中显示本地html文件？_Html_Iphone_Xcode_Uiwebview_Google Maps

如何在UIWebView中显示本地html文件？

html iphone xcode google-maps

如何在UIWebView中显示本地html文件？,html,iphone,xcode,uiwebview,google-maps,Html,Iphone,Xcode,Uiwebview,Google Maps,我有一个相对简单的问题，我似乎找不到答案。在编写GoogleMapsJavaAPI教程时，我遇到了一个问题。我可以从web加载HTML文件，但当我在本地尝试时，它只显示文件的内容，而不是运行脚本以下是有效的方法： NSString *url = @"http://code.google.com/apis/maps/documentation/v3/examples/geocoding-simple.html"; NSURLRequest *request = [NSURLRequest req

我有一个相对简单的问题，我似乎找不到答案。在编写GoogleMapsJavaAPI教程时，我遇到了一个问题。我可以从web加载HTML文件，但当我在本地尝试时，它只显示文件的内容，而不是运行脚本

以下是有效的方法：

NSString *url = @"http://code.google.com/apis/maps/documentation/v3/examples/geocoding-simple.html";
NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:url]];
[webView loadRequest:request];

我想在本地存储HTML文件并从设备本身运行它，因此我尝试：

[webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"geocoding-simple" ofType:@"html"]isDirectory:NO]]];

它只是显示了文件的内容

以下是html文件：

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
    var address = document.getElementById("address").value;
    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          var marker = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location
          });
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });
    }
  }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
  <div>
    <input id="address" type="textbox" value="Sydney, NSW">
    <input type="button" value="Geocode" onclick="codeAddress()">

  </div>
<div id="map_canvas" style="width:100%; height:90%"></div>
</body>
</html>


谷歌地图JavaScript API v3示例：地理编码简单
var地理编码器；
var映射；
函数初始化（）{
geocoder=新的google.maps.geocoder（）；
var latlng=新的google.maps.latlng（-34.397150.644）；
变量myOptions={
缩放：8，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
}
函数代码地址（）{
var address=document.getElementById（“地址”）.value；
if（地理编码器）{
geocoder.geocode（{'address'：address}，函数（结果，状态）{
if（status==google.maps.GeocoderStatus.OK）{
map.setCenter（结果[0].geometry.location）；
var marker=new google.maps.marker({
地图：地图，
位置：结果[0]。几何体。位置
});
}否则{
警报（“地理编码因以下原因未成功：“+状态”）；
}
});
}
}

我做错了什么

托马斯：好的。我清理了所有的目标，现在一切正常…哇

你好，托马斯，你清理了哪些目标？我有大约12个带有javascript的html页面，我想在手机上显示。我清理了所有目标。谢谢，非常感谢。我试试看。我正在做一本免费的俄文离线圣经，1200页，250页，供孩子们阅读。我需要学习更多。已经花了几天时间，还没有弄明白如何让external.js执行。在这个网站上找到了一些指南，希望能有所帮助。再次感谢你的回答。