HTML5ローカルストレージを使用してクライアントデバイスに開始座標と終了座標を保存しています。開始と終了の間のルートを表示するには、Googleマップの運転リストを使用する必要があります(地図ではなく、テキスト形式の指示のみ)アプリケーションはjqueryですモバイル。
<div data-role="content">
<div data-role="content" id="list">
<ul data-role="listview" data-inset="true" data-filter="true" id="myList">
そのドライビング リストを ID myList でリストビューに追加できますか?
function gotDirections(geo){
var directionsService = new google.maps.DirectionsService();
var directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setPanel(document.getElementById("myList"));
var storedlati=localStorage.getItem("text1");
var storedlongi=localStorage.getItem("text");
var destilati=localStorage.getItem("text2");
var destilongi=localStorage.getItem("text3");
var request = {
origin:google.maps.LatLng(storedlati,storedlongi),
destination:google.maps.LatLng(destilati,destilongi),
travelMode: google.maps.TravelMode.DRIVING
};
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(result);
}
});
}