fix: geocoder marker display in iOS

CartoDB · Feb 11, 2021 · c4b6f28 · c4b6f28 · vercel · Feb 11, 2021
1 parent ad0245e
commit c4b6f28
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Not released
 - Add cypress e2e tests in CI [#194](https://github.com/CartoDB/carto-react-template/pull/194)
 - Fix layer hygen unable to identify proper sources [#198](https://github.com/CartoDB/carto-react-template/pull/198)
+- Fix cross browser geocoder marker display [#199](https://github.com/CartoDB/carto-react-template/pull/199)
 
 ## 1.0.0-beta12 (2021-02-08)
 - Refactor on basic JSX & JS stuff [#170](https://github.com/CartoDB/carto-react-template/pull/170)

diff --git a/template-sample-app/template/src/assets/markers/geocoder-marker.svg b/template-sample-app/template/src/assets/markers/geocoder-marker.svg
diff --git a/template-sample-app/template/src/components/layers/GeocoderLayer.js b/template-sample-app/template/src/components/layers/GeocoderLayer.js
@@ -1,7 +1,6 @@
 import { useSelector } from 'react-redux';
 import { IconLayer } from '@deck.gl/layers';
 import geocoderMarker from 'assets/markers/geocoder-marker.svg';
-import { svgToDataURL } from 'utils/svgToDataUrl';
 
 export const GEOCODER_LAYER_ID = 'geocoderLayer';
 
@@ -15,7 +14,7 @@ function GeocoderLayer() {
     return new IconLayer({
       id: GEOCODER_LAYER_ID,
       getIcon: () => ({
-        url: svgToDataURL(geocoderMarker),
+        url: geocoderMarker,
         width: 56,
         height: 65,
         anchorY: 65,

diff --git a/template-sample-app/template/src/utils/svgToDataUrl.js b/template-sample-app/template/src/utils/svgToDataUrl.js
diff --git a/template-skeleton/template/src/assets/markers/geocoder-marker.svg b/template-skeleton/template/src/assets/markers/geocoder-marker.svg