У меня проблема с JS Google Map, с наложением грунта с границами, которые пересекают 180-й меридиан (когда долгота меняется со 180 на -180). Он отображается неправильно, растягивается между границами в неправильном направлении.
Есть ли обходные пути для решения этой проблемы, если предположить, что это ошибка в Картах Google?
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: new google.maps.LatLng(-27.64, 172.44)
});
var imageBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-43.64, 172.44),
new google.maps.LatLng(-16.689999999999998, -179.87)
);
var overlay = new google.maps.GroundOverlay(
'https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
imageBounds);
overlay.setMap(map);
var rectangle = new google.maps.Rectangle({
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35,
map: map,
bounds: imageBounds
});
Вот JSFiddle: https://jsfiddle.net/peteroomen/m2e4d57x/15/