如何在页面加载时自动计算路由
How to calculate route automatically on page load?
我有一个谷歌地图,我想用一个预先填充的路由自动加载(取自一系列PHP表单提交)。
目前,PHP表单的最后一个页面上有一个谷歌地图,一些下拉框预填充了起点和终点(从他们以前的PHP表单提交),下拉菜单上有一个onChange函数计算路由(onChange="calcRoute();"
,在下面的例子中)。这可以正常工作,但在现实中,每个最终形式最终只有一个路径选择。因此,让用户"选择"路线的起点和终点是毫无价值的——每个下拉菜单中只有一个选项,所以我可能会在页面加载时自动加载这些选项和它们之间计算的路线。
有什么办法吗?
我的方向函数如下:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<?PHP
$Start_latLng = $_POST["start-latitude"] . ", " . $_POST["start-longitude"];
$End_latLng = $_POST["end-latitude"] . ", " . $_POST["end-longitude"];
?>
<script>
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var mapOptions = {
zoom:7,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: new google.maps.LatLng(54.219218, -2.905669)
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
directionsDisplay.setMap(map);
}
function calcRoute() {
var start = document.getElementById('start').value;
var end = document.getElementById('end').value;
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
</script>
…我的下拉菜单是由PHP $_POST函数的结果填充的。
显然,我需要等待地图加载,然后才能计算路线,所以可能需要注入暂停-有什么想法吗?
感谢@Robot Woods:你能不能直接触发calcRoute();作为初始化函数的最后一行?- Robot Woods
相关文章:
- Emberjs应用程序加载在除Index之外的所有路由上
- 正在使用$location.path(.)路由ng视图
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 根据元素和容器大小计算边距
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 使用D3.js计算带有字母间距的文本长度
- 使用CSS或JavaScript计算分页符的数量
- 可以't计算自定义谷歌地图的js
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- JavaScript计算帮助(乘以时间)
- 未激发路由的控制器属性上的观察者
- 如何计算对象文字中的键
- JavaScript循环无法正确计算/显示结果
- 与域在同一台计算机上运行的NODEJS服务器的CORS错误
- 正在计算Angular JS路由路径
- 如何计算父路由模型的项目以在嵌套路由中使用它
- 使用node.js express服务器计算Backbone.js pushState路由
- Google Maps API v3:计算出路由后,删除其他标记
- Express:如何计算路由回调
- 如何在页面加载时自动计算路由