0 
<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
var snappedCoordinates = [];
var placeIdArray = [];
var polylines = [];
function initialize()
{
var mapProp = {
  center:{lat: 13.0342, lng: 80.2301},
  zoom:14,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var myTrip=[{lat: 13.0342, lng: 80.2301},{lat:13.0396077,lng:80.2457392}];
var path = myTrip;
polylines.push(myTrip);
placeIdArray = [];
runSnapToRoad(path);

function drawSnappedPolyline() {
    var flightPath=new google.maps.Polyline({
          path:myTrip,
          strokeColor:"#0000FF",
          strokeOpacity:0.8,
          strokeWeight:2
          });

        flightPath.setMap(map);
        polylines.push(flightPath);
}

function runSnapToRoad(path) {
    var pathValues = [];
      for (var i = 0; i < path.getLength(); i++) {
        pathValues.push(path.getAt(i).toUrlValue());
      }

      $.get('https://roads.googleapis.com/v1/snapToRoads', {
        interpolate: true,
        key: apiKey,
        path: pathValues.join('|')
      }, function(data) {
        processSnapToRoadResponse(data);
        drawSnappedPolyline();
      });
}


function processSnapToRoadResponse(data) {
      snappedCoordinates = [];
      placeIdArray = [];
      for (var i = 0; i < data.snappedPoints.length; i++) {
        var latlng = new google.maps.LatLng(
            data.snappedPoints[i].location.latitude,
            data.snappedPoints[i].location.longitude);
        snappedCoordinates.push(latlng);
        placeIdArray.push(data.snappedPoints[i].placeId);
      }
    }

}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

これはGoogle道路APIの私のコードで、中央マップを取得しましたが、道路APIが機能していません。道路APIの正確な地図を作成する方法を緯度、経度の2点で指定しました。私の正確なリンクはhttps://developers.google.com/maps/です。 documentation/roads/inspectorコードにプロイラインを統合する方法

4

1 に答える 1