nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS Mobile WebMap sample doesn't work with custom basemap

SobodhDangwal

Hi There

I am having trouble displaying the ArcGIS.com web map mobile sample http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples_start.htm .

It works if I use the open street map as base map but doesn't work with our own base map which is on NZTM projection.

The other web map sample works fine.

Any help will be greatly appreciated.

Find more posts tagged with

Accepted answers

SobodhDangwal

You need to add this line of code to the sample:
 esri.config.defaults.geometryService = new esri.tasks.GeometryService("http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
Add it in the function, function jQueryReady()

This service is needed to display your web map. The sample will be updated to include the extra line of code the next time help is updated.

Thanks,

Mike

Cheers
Thats working fine now

Thanks

All comments

SobodhDangwal

You need to add this line of code to the sample:
 esri.config.defaults.geometryService = new esri.tasks.GeometryService("http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
Add it in the function, function jQueryReady()

This service is needed to display your web map. The sample will be updated to include the extra line of code the next time help is updated.

Thanks,

Mike

Cheers
Thats working fine now

Thanks

MikeMinamiP1

You need to add this line of code to the sample:

 esri.config.defaults.geometryService = new esri.tasks.GeometryService("http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");

Add it in the function, function jQueryReady()

This service is needed to display your web map. The sample will be updated to include the extra line of code the next time help is updated.

Thanks,

Mike

SobodhDangwal

Which mobile platform are you using? iOS, Android...?
Have you downloaded the mobile app or are you using the native web browser on the mobile device?
Which sample are you using? The link does not go to a specific sample.

Are you saying your web map displays fine in the browser with your custom basemap, but not when you attempt to view it on your mobile device?

Perhaps the easiest thing to do is to share your web map publicly so I can look at it.

Thanks,

Mike

Sorry Mike, Here is the right link http://help.arcgis.com/en/webapi/javascript/arcgis/demos/mobile/mobile_arcgis.html

I am trying it on safari on iPhone, not a native app, just js mobile sample.

Here is the WebMap id I am using (shared publically) 612b0e7fedbe4af7b96884b600b3a26a

If I use the esri sample as it is it works on the iPhone safari browser, however if I use the above id it won't work on the browser.

The only time it works with my custom map when I don't use my base map but a open street map or esri map. So in another words it will work if I create a webmap using openstreetmap as basemap with our operation layers (NZTM).

However it wont work if I create a webmap using our basemap (NZTM) with our operation layers (NZTM).

Let me know if its not very clear

cheers

MikeMinamiP1

Which mobile platform are you using? iOS, Android...?
Have you downloaded the mobile app or are you using the native web browser on the mobile device?
Which sample are you using? The link does not go to a specific sample.

Are you saying your web map displays fine in the browser with your custom basemap, but not when you attempt to view it on your mobile device?

Perhaps the easiest thing to do is to share your web map publicly so I can look at it.

Thanks,

Mike

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.