Open theurere2 opened 3 years ago
When using a custom image for a point on the map in google chrome the image is loaded again and again on image hover. Using google chrome version 89.0.4389.114. My map settings are:
jquery("#" + MAP_ID).vectorMap({ backgroundColor: "white", regionStyle: { initial: { fill: "#ecf0f1", stroke: "#9aaaab", "stroke-width": 1, }, hover: { fill: "#959595", "fill-opacity": 1, }, }, markerStyle: { initial: { fill: "#319b42", image: "/typo3conf/ext/example/Resources/Public/Images/map-marker.png", }, }, map: map, markersSelectable: true, markersSelectableOne: true, markers: markers, onMarkerClick: function (evt: object, code: string) { //console.log('evt', evt, 'code', code); let markerId = "#map-marker-" + continent + "-" + code; jquery(markerId).siblings().removeClass("open"); jquery(markerId).addClass("open"); jquery(markerId + " .icon-x").click(function () { jquery(markerId).removeClass("open"); }); }, zoomOnScroll: false });
See attached screenshot.
When using a custom image for a point on the map in google chrome the image is loaded again and again on image hover. Using google chrome version 89.0.4389.114. My map settings are:
See attached screenshot.