【发布时间】:2018-08-24 02:58:24
【问题描述】:
我一直在从事一个涉及 google maps api 的项目。 基本上,每次程序运行时都会向 google maps api 发送请求,这在以后可能会成为问题。 是否可以将所有这些信息存储在数据库中,而不是向 Google 发出完全相同的请求,而只是从数据库中提取它?
这是 Javascript 代码:
/********************************************************************/
function initMap()
{
/********************************************************************/
var routeTesting =
[
{lat: 15.5056524, lng: -88.0244702},
{lat: 15.5057297, lng: -88.0253025},
{lat: 15.5059322, lng: -88.0275617},
{lat: 15.5077225, lng: -88.0290227},
{lat: 15.5118536, lng: -88.0242649},
{lat: 15.5136369, lng: -88.0217633}
];
var routeTesting2 =
[
{lat: 15.5056524, lng: -88.0244702},
{lat: 15.5057297, lng: -88.0253025},
{lat: 15.5008444, lng: -88.0205006},
{lat: 15.4938188, lng: -88.0211481},
{lat: 15.4932665, lng: -88.0230147},
{lat: 15.5136369, lng: -88.0217633}
];
var c =
[
"#000000",
"#FF0011"
];
var testing = false;
var currentLocation = new google.maps.LatLng(routeTesting[1]);
var currentDestiny;
var currentLocationMarkers = [];
var currentLocationMarker;
var currentDestinyMarker;
var directionsService = new google.maps.DirectionsService();
var directionsRenderer = new google.maps.DirectionsRenderer({
polylineOptions: {
strokeColor: "#000"
}
});
var map;
var mapOptions =
{
center: currentLocation,
zoom: 18
};
map = new google.maps.Map(document.getElementById('map'), mapOptions);
routeCreate(routeTesting, c[0]); //displays testing route.
routeCreate(routeTesting2, c[1]); //displays second testing route.
/********************************************************************/
function routeCreate(r, c)
{
var orig = r[1];
var dest = r[1];
var waypoints = [];
for (var i = 1; i < r.length - 1; i++)
{
waypoints.push({location: r[i], stopover: false});
}
var request =
{
origin: orig,
waypoints: waypoints,
optimizeWaypoints: false,
destination: dest,
travelMode: 'DRIVING'
};
var directionsRenderer = new google.maps.DirectionsRenderer({
polylineOptions: {
strokeColor: c
}
});
directionsService.route(request, function(result, sstatus){
if(sstatus == google.maps.DirectionsStatus.OK)
{
directionsRenderer.setDirections(result);
}
else
{
alert("Error :'(");
}
});
directionsRenderer.setMap(map);
}
/********************************************************************/
function createMarker(coor)
{
var marker = new google.maps.LatLng(coor[0], coor[1]);
var testLoc1Marker = new google.maps.Marker({
position: marker,
map: map,
title: 'Test Marker'
});
}
/********************************************************************/
map.addListener('click', function(event)
{
addMarker(event.latLng);
});
/********************************************************************/
function addMarker(location)
{
var marker = new google.maps.Marker({
position: location,
map: map
});
currentLocationMarkers.push(marker);
if(currentLocationMarkers.length > 1)
{
for (var i = 0; i < currentLocationMarkers.length; i++)
{
currentLocationMarkers[i].setMap(null);
}
currentLocationMarkers = [];
addMarker(location);
}
else {
//checkClosestWaypoint();
}
}
/********************************************************************/
}
【问题讨论】:
标签: javascript php mysql google-maps