カスタマイズされたパーソナライズされた地図

このうち、mapStyle は MapStyle クラスであり、オブジェクト リテラル形式で表現され、インスタンス化できません。 style は、ベースマップのカラー スタイルを設定するために使用されます。

マップボックス スタイルの設定方法は次のとおりです。

設定コードは次のとおりです。

var mapStyle={  style : "mapbox" }  map.setMapStyle(mapStyle);

設定後のマップ効果は次のとおりです。

パーソナライズされた編集方法

この方法は、開発者がパーソナライゼーションを使用できることを意味します。エディターは、マップ要素の色、明るさ、彩度、テキストラベルの塗りつぶし色、テキストラベルなどを変更してスタイル設定 json を生成し、JavaScript API メソッドを呼び出すことで設定を有効にします。操作ページのスクリーンショットは次のとおりです。

個人用編集ツールを使用する手順は次のとおりです。

ステップ 1: 追加スタイル ルール:

スタイル ルールは、要素、属性、スタイルの統一された説明です。マップ スタイルは複数のスタイル ルールで構成されます。最初の要素を編集するとき、デフォルトで 1 つのルールがあります。ユーザーは、それに基づいたマップ スタイル。後続の要素を編集する場合は、ルールを再作成する必要があります。

ステップ 2: 要素の選択

スタイル ルールを作成した後、変更するマップ要素を選択する必要があります。現在変更できるマップ要素は次のとおりです。

#その中で、マップの背景には主に土地、水系、緑地などのマップ内の平面要素が含まれます。 、人工地、高地 さまざまなレベルの建物など;

道路は高速道路と国道、都市幹線道路、一般道、地下鉄と鉄道路線に分かれています;

ポイント対象とは、テキストの注釈とアイコンで構成される、銀行、学校、レストラン、ホテルなど、マップ内の点状の要素を指します。

行政区画には、国境、州の境界、および省、市、郡、地区などの行政単位のマークが含まれます。

ステップ 3: 属性の選択

道路などの要素は、テキスト要素と線要素で構成されます。属性は、テキストまたは境界線を変更するかどうかを指定するために使用されます。以下に示すように、変更された道路の境界線を色で指定します:

#ステップ 4: スタイルを選択します

ステップ 5: マップ スタイルを設定する

編集したマップ スタイルを自分の Web サイトに適用するには、まずビュー json (下の図) スタイル json、

から取得する必要があります。

var myStyleJson=[  {  
    "featureType": "road",  
    "elementType": "geometry.stroke",  
    "stylers": {  
        "color": "#ff0000"  
    }  }];map.setMapStyle({styleJson: myStyleJson });

パーソナライズ マップの成功事例