Question

我想使用Google地图静态图片api在每个源点到一个目标点之间绘制静态图像。

e.g。我们有多个源点，S = {s1，s2，..... sn}和一个目标点D = {d1}。

我向Google咨询了官方documentation。但他们只通过了一条路径＆＃39;属性。

我该怎么做？

Answer 1

您可以使用Google静态地图创建多个路径。

与创建多个标记的方式相同：

？

路径= ...＆安培;路径= ...

实施例 https://maps.googleapis.com/maps/api/staticmap?size=1200x400&path=color:red|weight:2|-35.7297745,174.1291597|-35.744471441965,174.37021155622&path=color:blue|weight:2|-35.7297745,174.3291597|-35.662336702516,174.28593575266

Answer 2

我不确定您是否可以使用静态地图API绘制多条路径，但您可以构建一条路径，通过将它们全部加在一起来连接您要查找的点：S1|D1|S2|D1|S3|...和重温这个中心目的地。

https://maps.googleapis.com/maps/api/staticmap?path=40.737102,-73.990318|40.749825,-73.987963|40.737102,-73.990318|40.735781,-74.003571|40.737102,-73.990318|40.731690,-73.977849&size=512x512

Answer 3

@mohit你的意思是这个？

var routes = [{origin: ..., destination: ...}, {origin: ..., destination: ...}, {origin: ..., destination: ...}];
var rendererOptions = {
    preserveViewport: true,         
    suppressMarkers:true,
    routeIndex:i
};
var directionsService = new google.maps.DirectionsService();

routes.each(function(route){
    var request = {
    origin: route.origin,
    destination: route.destination,
    travelMode: google.maps.TravelMode.DRIVING
    };

    var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
    directionsDisplay.setMap(map);

    directionsService.route(request, function(result, status) {
    console.log(result);

    if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(result);
    }
    });
});

或者这可以帮到你 - ＆gt; http://jsfiddle.net/fjUqK/

谷歌地图静态图像与多个路径

3 个答案: