在我的应用程序中，我应该创建一个视图控制器，里面应该是一张地图；在这张地图中，我应该看到一条连接两个引脚的路线。（因为我有两个别针）所以我想知道获得这个结果的最佳解决方案是什么；再次我应该看到两种类型的路线：一条有汽车的路线和一条步行路线……有没有可以帮助我的框架？（因为 mapkit 不能解决我的问题）谢谢
问问题
8828 次
4 回答
4
如果您使用 UIWebView，则可以使用 javascript 并基本上免费获得该功能，因为正如您所说，MapKit 不提供该功能。这很简单，查看这个谷歌地图教程了解基础知识。当然，通过这种方式，您可以获得 html 和 javascript 的所有优点和缺点。
您只需将您的 javascript 代码写入一个 html（这里是map.html），然后将其放入您的项目文件夹中，然后像这样启动该 html 文件。
NSString *html = [[NSString alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"map" ofType:@"html"] encoding:NSUTF8StringEncoding error:&error];
[self.mapView loadHTMLString:html baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];
你像这样从objective-c调用一个javascript函数。在这里，在 map.html 中有一个名为setMarkerAtPosition(latitude, longitude). 很直接。
[self.mapView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"setMarkerAtPosition(%f,%f)",latlong.latitude, latlong.longitude]];
根据要求编辑：
您添加一个 UIWebView 并将其连接到控制器（如果您不知道如何执行此操作，则绝对应该退后一步并做一些基本教程）（不要忘记合成 mapView。再次，如果您不知道那是什么做基础阅读）
#import <UIKit/UIKit.h>
@interface MapViewController : UIViewController
@property (weak, nonatomic) IBOutlet UIWebView *mapView;
@end
然后将以下代码放入您的 viewDidLoad 方法中。它会创建一个 NSString 并使用本地 html 文件的内容对其进行初始化（就像已经发布的一样）。然后，调用 UIWebView 的 loadHTMLString 方法。html 字符串基于您的本地 html 文件map.html（只需将其命名，如果您尚未添加它，只需将其拖放到您的项目中）。
- (void)viewDidLoad
{
[super viewDidLoad];
NSError *error = nil;
// create NSString from local HTML file and add it to the webView
NSString *html = [[NSString alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"map" ofType:@"html"] encoding:NSUTF8StringEncoding error:&error];
[self.mapView loadHTMLString:html baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]]];
[self.view sendSubviewToBack:self.mapView];
}
接下来将一个按钮添加到您的视图（界面构建器，您应该知道如何）并将其连接到一个方法。在这个方法里面，放这个代码（这会给你一个德国的路线）
[self.mapView stringByEvaluatingJavaScriptFromString:@"calculateRoute(50.777682, 6.077163, 50.779347, 6.059429)"];
最后，把它作为你map.html文件的内容（注意；里面还有一些没用的东西，但你以后可以弄清楚。我删除了所有你不需要显示路线的代码，但里面有很多标题没用）：
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<script type="text/javascript" src="http://maps.google.de/maps/api/js?sensor=false®ion=DE"></script>
<script src="http://www.google.com/jsapi"></script>
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script src="json.js"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
<script type="text/javascript"> google.load("maps", "3", {other_params:"sensor=false"}); </script>
<script type="text/javascript">
// global variables
var currentPosition;
directionsDisplay = new google.maps.DirectionsRenderer();
var directionsService = new google.maps.DirectionsService();
var map;
var infowindow = new google.maps.InfoWindow();
// calculates the current userlocation
function getCurrentLocation(){
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
alert('geolocation not supported');
}
}
// called when the userLocation has been located
function success(position) {
currentPosition = position;
drawMap(position.coords.latitude, position.coords.longitude);
}
// called when the userLocation could not be located
function error(msg) {
alert('error: ' + msg);
}
// calculate and route from-to and show on map
function calculateRoute(fromLat, fromLong, toLat, toLong){
var start = new google.maps.LatLng(fromLat, fromLong);
var end = new google.maps.LatLng(toLat, toLong);
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.WALKING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
directionsDisplay.setMap(map);
}
// draws the inital map and shows userlocation
function drawMap(latitude, longitude) {
var latlng = new google.maps.LatLng(latitude, longitude);
var myOptions = {
disableDefaultUI: true,
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, 'click', function() {if(infowindow){infowindow.close();}});
setMarkerAtPosition(latitude, longitude);
}
</script>
</head>
<body onload="getCurrentLocation()">
<div id="map_canvas" style="width:100%; height:100%">
</body>
</html>
于 2012-05-13T19:57:08.817 回答
2
于 2012-05-13T20:09:41.583 回答
1
您可以向 Google Maps 询问该路线，解析 json 答案并在地图上显示一条线作为 PolyLineView。这就是它在 iOS 地图应用程序上的工作方式。在https://developers.google.com/maps/documentation/directions/检查 Google Maps Route API
于 2012-05-13T19:41:21.780 回答
1
您可以使用网络视图并打开网址
https://maps.google.com/maps?saddr=START_LOCATION&daddr=DESTINATION_LOCATION
这将根据需要打开一个网页。
您可以输入一对（纬度，经度）或直接城市名称。
希望对你有帮助
于 2012-12-30T13:06:33.813 回答