4

Google Maps JavaScript API v3 を使用して、JavaScript で初期化およびスタイリングしているカスタム Google マップを表示する Web ビューを備えたクロスプラットフォーム モバイル アプリを作成しています。

私の望みは、Bicycling Layerを使用して自転車道を強調することでした。

ただし、私が遭遇した2つの問題があります。

  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=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%7Cスマートマップ

    lyrs=... から 'bike' を削除すると、バイクレイヤーの効果が消えます。apistyle=... の特定の部分またはすべてを削除すると、その下に自転車レイヤーが表示されます。基本的に、Google の自転車レイヤーにアクセスしてカスタマイズする方法がわかりません。出来ますか?

4

0 に答える 0