Supporting Google and ESRI tile/satellite servers

[Ivan Demkovitch]

Is there support to display Google tiles as a base layer on maps? 

What about ESRI?

We support multiple providers for API calls and would like to use appropriate visual layer.

[Baby Palanidurai]

Hi Ivan, 

Greetings from Syncfusion. 

We have analyzed your query. We are supporting ESRI shapefiles. But maps control won’t support the files with .shp extension directly. So, we need to convert it into geojson by using any online sites. And also, you can use the below sites to convert the shapefiles. 

https://mygeodata.cloud/converter/shp-to-geojson
https://mapshaper.org/ 

Then binding the converted shape file to maps controls will render the desired maps properly. 

Also We support the rendering of google maps in our maps component. For this you need to specify any one of the below google maps provider URL in our maps control. 

http://mt1.google.com/vt/lyrs=m@129&hl=en&x=tileX&y=tileY&z=level
http://mt1.google.com/vt/lyrs=y&x=tileX&y=tileY&z=level 

Please find the below sample for using google maps. In the same way use can render maps of any other maps providers. 

https://stackblitz.com/edit/angular-rfklxz?file=app.component.html 

Kindly revert us, if you have any concerns. 

Regards, 

Baby. 

[Ivan Demkovitch]

This example does not show Google maps?

https://stackblitz.com/edit/angular-rfklxz?file=app.component.html 

[Baby Palanidurai]

Hi Ivan, 

Sorry for the inconvenience caused. 

We have attached the wrong sample link. Now, we have changed the sample link. Please find the below code snippet to achieve this requirement, 

<ejs-maps id='container' style="display:block;"> 

          <e-layers> 

            <e-layer layerType="OSM" urlTemplate="https://mt1.google.com/vt/lyrs=m@129&hl=en&x=tileX&y=tileY&z=level"></e-layer> 

          </e-layers> 

        </ejs-maps> 

Screenshot: 

 

Sample link: https://stackblitz.com/edit/angular-rfklxz-94zekk?file=app.component.ts 

Kindly revert us, if you have any concerns. 

Regards, 

Baby.