У меня есть карта Google в моем HTML-файле и работает нормально :)!Сейчас я пытаюсь персонализировать маркер, я могу изменить изображение, но я хочу также сделать его округленным с радиусом границы: 50%;и дать ему значение границы тоже.Это возможно?прямо сейчас у меня есть картинка (в квадрате), и я хочу стилизовать ее с помощью CSS, возможно ли это?
JAVASCRIPT
function initMap() {
// This is the minimum zoom level that we'll allow
var minZoomLevel = 4;
var map = new google.maps.Map(document.getElementById('mapLayer'), {
zoom: minZoomLevel,
center: new google.maps.LatLng(38.50, -90.50),
streetViewControl: false,
mapTypeControl: false,
scaleControl: false,
gestureHandling: 'cooperative',
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
// Bounds for world
var strictBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-54, -137.50),
new google.maps.LatLng(81, 170.90));
// Listen for the dragend event
google.maps.event.addListener(map, 'dragend', function () {
if (strictBounds.contains(map.getCenter())) return;
// We're out of bounds - Move the map back within the bounds
var c = map.getCenter(),
x = c.lng(),
y = c.lat(),
maxX = strictBounds.getNorthEast().lng(),
maxY = strictBounds.getNorthEast().lat(),
minX = strictBounds.getSouthWest().lng(),
minY = strictBounds.getSouthWest().lat();
if (x < minX) x = minX;
if (x > maxX) x = maxX;
if (y < minY) y = minY;
if (y > maxY) y = maxY;
map.setCenter(new google.maps.LatLng(y, x));
});
// Limit the zoom level
google.maps.event.addListener(map, 'zoom_changed', function () {
if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
});