4

我正在使用显示自定义 Google 地图的 Web 视图创建一个跨平台移动应用程序,我正在使用 Google Maps JavaScript API v3 在 JavaScript 中进行初始化和样式设置。

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

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

  1. 当我加载地图图块时,我还使用传递给 Google 的地图选项中的样式属性自定义样式设置自行车层也会影响的道路/小径:

    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=st%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.ts%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' 时,bike 层的效果消失了。当我删除 apistyle=... 的某些部分或全部时,下面会显示自行车层。基本上,我看不到一种方法可以访问和自定义 Google 的自行车层。可能吗?

4

0 回答 0