Angular-google-maps: Bagaimana cara menambahkan tema di AGM

Dibuat pada 17 Feb 2018  ·  3Komentar  ·  Sumber: SebastianM/angular-google-maps

Cara menambahkan gaya khusus di AGM
Saya dulu suka ini
dalam file TS

markers: any[] = [
    {
      lat: 51.673858,
      lng: 7.815982,
      label: 'A',
      draggable: true
    },
    {
      lat: 51.373858,
      lng: 7.215982,
      label: 'B',
      draggable: false
    },
    {
      lat: 51.323858,
      lng: 7.255982,
      label: 'D',
      draggable: false
    },
    {
      lat: 51.293858,
      lng: 7.285982,
      label: 'E',
      draggable: false
    },
    {
      lat: 51.353858,
      lng: 7.305982,
      label: 'F',
      draggable: false
    },
    {
      lat: 51.723858,
      lng: 7.895982,
      label: 'C',
      draggable: true
    }
  ]



  styles: [
    {elementType: 'geometry', stylers: [{color: '#242f3e'}]},
    {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},
    {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},
    {
      featureType: 'administrative.locality',
      elementType: 'labels.text.fill',
      stylers: [{color: '#d59563'}]
    },
    {
      featureType: 'poi',
      elementType: 'labels.text.fill',
      stylers: [{color: '#d59563'}]
    },
    {
      featureType: 'poi.park',
      elementType: 'geometry',
      stylers: [{color: '#263c3f'}]
    },
    {
      featureType: 'poi.park',
      elementType: 'labels.text.fill',
      stylers: [{color: '#6b9a76'}]
    },
    {
      featureType: 'road',
      elementType: 'geometry',
      stylers: [{color: '#38414e'}]
    },
    {
      featureType: 'road',
      elementType: 'geometry.stroke',
      stylers: [{color: '#212a37'}]
    },
    {
      featureType: 'road',
      elementType: 'labels.text.fill',
      stylers: [{color: '#9ca5b3'}]
    },
    {
      featureType: 'road.highway',
      elementType: 'geometry',
      stylers: [{color: '#746855'}]
    },
    {
      featureType: 'road.highway',
      elementType: 'geometry.stroke',
      stylers: [{color: '#1f2835'}]
    },
    {
      featureType: 'road.highway',
      elementType: 'labels.text.fill',
      stylers: [{color: '#f3d19c'}]
    },
    {
      featureType: 'transit',
      elementType: 'geometry',
      stylers: [{color: '#2f3948'}]
    },
    {
      featureType: 'transit.station',
      elementType: 'labels.text.fill',
      stylers: [{color: '#d59563'}]
    },
    {
      featureType: 'water',
      elementType: 'geometry',
      stylers: [{color: '#17263c'}]
    },
    {
      featureType: 'water',
      elementType: 'labels.text.fill',
      stylers: [{color: '#515c6d'}]
    },
    {
      featureType: 'water',
      elementType: 'labels.text.stroke',
      stylers: [{color: '#17263c'}]
    }
  ]

Dan dalam template seperti ini

<agm-map style="height: 300px" [latitude]="51.673858" [longitude]="7.815982" [styles]="styles">
  <agm-marker-cluster imagePath="https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m">

    <agm-marker *ngFor="let m of markers; let i = index"
      [latitude]="m.lat"
      [longitude]="m.lng"
      [label]="m.label">
    </agm-marker><!-- multiple markers -->

  </agm-marker-cluster>
</agm-map>

tetapi tema peta tidak berfungsi. Bisakah Anda membantu saya agar saya dapat menggunakan peta gaya yang berbeda dari https://mapstyle.withgoogle.com/

Komentar yang paling membantu

Ini berhasil untuk saya:

gaya: [] = [
{
"elementType": "geometri",
"penata gaya": [
{
"warna": "#212121"
}
]
}

saya telah menambahkan [] =

Semua 3 komentar

Jawaban apa pun

Input style pada komponen Peta menerima array objek bertipe MapTypeStyle , dan itu pasti berfungsi karena saya pernah menggunakannya sebelumnya.

Tolong buat contoh Anda lebih pendek, tidak perlu semua gaya ini. Lebih mudah untuk mengurai dan memeriksa kemungkinan kesalahan. Juga, reproduksi diperlukan agar kami dapat menyelidiki kemungkinan bug di AGM. Oleh karena itu, saya akan menutup ini karena ini bukan masalah dan/atau kurang reproduksi.

Ini berhasil untuk saya:

gaya: [] = [
{
"elementType": "geometri",
"penata gaya": [
{
"warna": "#212121"
}
]
}

saya telah menambahkan [] =

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

alexweber picture alexweber  ·  4Komentar

PeterSisovsky picture PeterSisovsky  ·  3Komentar

shedar picture shedar  ·  4Komentar

supran2811 picture supran2811  ·  4Komentar

vamsibassetty08 picture vamsibassetty08  ·  3Komentar