可以在Google地图中自定义骑车图层并使用自定义地图样式

时间:2013-07-09 21:10:53

标签: google-maps google-maps-api-3 maps

我正在创建一个跨平台移动应用,其中包含一个网页视图,该视图显示了我正在使用Google Maps JavaScript API v3在JavaScript中初始化和样式化的自定义Google地图。

我希望使用Bicycling Layer来突出自行车道。

但是,我遇到了两个问题:

  1. 在加载地图图块时,我还使用传递给Google的地图选项中的styles属性自定义自行车图层影响的道路/路径:

    var mapOptions = {
        center: new google.maps.LatLng(29.761732,-95.388371),
        mapTypeControl: true,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        styles: mapStyles, // JSON to style the map
        zoom: maxZoomLevel,
        zoomControl: false 
    };
    
    map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
    
    var bikeLayer = new google.maps.BicyclingLayer();
    bikeLayer.setMap(map);
    

    然而,造型似乎覆盖/覆盖了大部分自行车层,因为路径仅在一些点应突出显示,并且仅在某些缩放级别。 是否可以在道路/小径上使用自定义地图样式的自行车图层?我可以以某种方式让自行车层出现在我的自定义样式之上吗?

  2. 我还想自定义自行车层,例如改变颜色。但是,它似乎没有内置于API中的选项或任何交互和操作请求的方式,http://mt0.googleapis.com/vt?lyrs=m@221000000,bike&src=apiv3&hl=en-US&x=3850&y=6771&z=14&s=G&apistyle=s.t%3A2%7Cs.e%3Ag%7Cp.c%3A%23ff9ebf3a%2Cs.t%3A6%7Cs.e%3Ag.f%7Cp.c%3A%23ff22b4c3%2Cs.t%3A3%7Cs.e%3Al.t.s%7Cp.v%3Aoff%2Cs.t%3A51%7Cs.e%3Ag%7Cp.c%3A%23ffffffff%2Cs.t%3A50%7Cs.e%3Ag%7Cp.c%3A%23ffffffff%2Cs.t%3A49%7Cs.e%3Ag%7Cp.c%3A%23ffffffff%2Cs.t%3A51%7Cs.e%3Al%7Cp.v%3Aoff%2Cs.t%3A2%7Cs.e%3Al%7Cp.v%3Aoff%2Cs.t%3A4%7Cp.v%3Aoff%2Cs.t%3A5%7Cp.c%3A%23ffd8e2da%2Cs.t%3A1%7Cp.c%3A%23ffd8e2da%7Cp.v%3Aoff%2Cs.t%3A33%7Cp.c%3A%23ffe2ece4%2Cs.t%3A34%7Cp.il%3Atrue%7Cp.c%3A%23ffe2ece4%2Cs.t%3A35%7Cp.c%3A%23ffe2ece4%2Cs.t%3A39%7Cp.c%3A%23ffe2ece4%2Cs.t%3A1%7Cp.c%3A%23ffe2ece4&style=59,37%7Csmartmaps

    当我从lyrs = ...中删除'bike'时,自行车层的效果消失了。当我删除某些部分或所有的apistyle = ...时,自行车层会在下面显示出来。 基本上,我没有看到我可以使用的方式来定制Google的自行车图层。有可能吗?

0 个答案:

没有答案