プロジェクトに HTML ファイルが含まれています。WebView
カスタム Google マップを表示するを初期化するために使用します。私はOSXアプリを初めて使用するので(iOSから来ました)、これは私にとってまったく新しいことです...
特にjavascript関数で、「動的」にしたいHTMLファイルの特定の部分があります。
ローカル ファイルの URL を取得して WebView を読み込む方法は次のとおりです。
-(void)awakeFromNib
{
NSString *indexPath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
[[mapView mainFrame] loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:indexPath]]];
[[[mapView mainFrame] frameView] setAllowsScrolling:NO];
[mapView setNeedsDisplay:YES];
}
HTML ファイルは次のとおりです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
</head>
<body style="width:100%;height:100%">
<div id="map_area" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0"> </div>
<script type="text/javascript">
//map = new GMap2(document.getElementById("map_area"));
//map.setCenter(new GLatLng(37.4419, -122.1419), 13);
var myLatLng = new google.maps.LatLng(0, -180);
var mapOptions = {
zoom: 1,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
var map = new google.maps.Map(document.getElementById('map_area'), mapOptions);
var flightPlanCoordinates = [
new google.maps.LatLng(37.772323, -122.214897),
new google.maps.LatLng(21.291982, -157.821856),
new google.maps.LatLng(-18.142599, 178.431),
new google.maps.LatLng(-27.46758, 153.027892)
];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
</script>
</body>
</html>
その場でJavaScriptを変更するにはどうすればよいですか? 座標を追加/削除し、複数のポリラインを描画できるようにしたいと考えています。iOS で HTML/XML をいじっているとき、HTML/XML ファイルを解析する HPPLE と呼ばれるものを使用していました...
これにアプローチする方法についての助けをいただければ幸いです...または、JavaScript関数を呼び出すより良い方法を知っている場合は、お気軽にお知らせください。