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/
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 [] =
Komentar yang paling membantu
Ini berhasil untuk saya:
gaya: [] = [
{
"elementType": "geometri",
"penata gaya": [
{
"warna": "#212121"
}
]
}
saya telah menambahkan [] =