Ich habe die Google Map mit einem eigenen Icon erstellt. Der Code ist der fowlling:Style google maps
Allerdings möchte ich den Stil Silber ot hinzufügen, aber ich bin nicht sicher, wie dieser Code zu ändern.
Jede Hilfe würde geschätzt werden.
Danke!
Bitte folgen Sie diesem Code.
Hier müssen Sie Ihren Google API-Schlüssel in den unteren Link hinzufügen.
src="https://maps.googleapis.com/maps/api/jskey=Your_api_key&callback=initMap"
Hier ist der Code.
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng(38.769671, -9.097975),
mapTypeId: 'roadmap',
styles : [
{
"elementType": "geometry",
"stylers": [
{
"color": "#f5f5f5"
}
]
},
{
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#616161"
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [
{
"color": "#f5f5f5"
}
]
},
{
"featureType": "administrative.land_parcel",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#bdbdbd"
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [
{
"color": "#eeeeee"
}
]
},
{
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#757575"
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [
{
"color": "#e5e5e5"
}
]
},
{
"featureType": "poi.park",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
},
{
"featureType": "road",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
}
]
},
{
"featureType": "road.arterial",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#757575"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [
{
"color": "#dadada"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#616161"
}
]
},
{
"featureType": "road.local",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
},
{
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [
{
"color": "#e5e5e5"
}
]
},
{
"featureType": "transit.station",
"elementType": "geometry",
"stylers": [
{
"color": "#eeeeee"
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"color": "#c9c9c9"
}
]
},
{
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
}
]
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
info: {
icon: 'https://novo2.rhp.pt/map.png'
}
};
var features = [
{
position: new google.maps.LatLng(38.769671, -9.097975),
type: 'info'
}
];
// Create markers.
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map,
content:'<div>Test</div>'
});
});
}/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}<div id="map"></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>Wenn Sie wollte noch Änderungen Map-Stil auf diesen Link https://mapstyle.withgoogle.com/ dann folgen und erstellen, was Sie wollen, und kopieren Sie nur ganze JSON-Code und ersetzen in oben styles Objekt.
Hoffe das hilft.
danke. Es funktionierte! – lordpicard
Wo möchten Sie Silber Stil in RHP Bild hinzufügen? –
Hallo. Danke für deine Antwort. Ich möchte den Stil in der Karte selbst hinzufügen - ich füge bereits den costum pin hinzu, so wie du ihn gesehen hast. Ich muss nur den Silber-Stil hinzufügen. – lordpicard
Dieser Link wird Ihnen https://developers.google.com/maps/documentation/android-api/styling und https://mapstyle.withgoogle.com/ nützlich sein. –