topic Re: Does the BaseMap Gallery support Google Maps as a Basemap? in ArcGIS JavaScript Maps SDK Questions

Does the BaseMap Gallery support Google Maps as a Basemap?

StephenLead — Sun, 12 Dec 2021 02:04:23 GMT

A while ago, Derek Swingley showed how to use Google Maps as a background layer:

How about moving to the full ArcGIS API for JavaScript and using this sample to get Google Maps in your JS app: http://gmaps-utility-gis.googlecode.com/svn/tags/gmapslayer/1.0/docs/examples.html

<script type="text/javascript" src="http://gmaps-utility-gis.googlecode.com/svn/tags/gmapslayer/1.0/src/gmapslayer_compiled.js" ></script>
var gMapLayer = new gmaps.GoogleMapsLayer({visible:false, id:'googlemaps'});
map.addLayer(gMapLayer);

This works really well when it's hard-coded (as long as your application is located on an externally-facing server - ie it won't work while testing on your hard drive).

Can this be integrated with the BaseMap Gallery? The BaseMap Gallery reference shows how to add a new basemap:

var layer = new esri.dijit.BasemapLayer({
  url:"http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/PublicSafety/PublicSafetyBasemap/MapServer"
});
var basemap = new esri.dijit.Basemap({
  layers:[layer],
  title:"Public Safety",
  thumbnailUrl:"images/safetyThumb.png"
});
basemapGallery.add(basemap);

How can the Google Maps layer be used as the Basemap (which is expecting a BasemapLayer object)?

Thanks,
Steve

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

DurrantWilliams — Wed, 28 Sep 2011 21:15:31 GMT

When you say that my google maps wouldn't work off my hard drive, does that also mean that the bing maps won't work with the map gallery? Cause they aren't, and I'm trying to figure out why. All the other background imagery works, except any bing backgrounds. Google images would be ideal.

I've tried it from a folder on my hard drive, just opening the index.html
and
I've tried it from withing WebMatrix. no go.

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

StephenLead — Wed, 28 Sep 2011 22:02:15 GMT

Hi there,

I'm not an expert on this, but I've had success using the Bing maps samples:

- Add Bing Maps Layer
- Basemap Gallery Button

I didn't get Google Maps to work as a backdrop using this method, yet.

Steve

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

KellyHutchins — Sun, 12 Dec 2021 02:04:26 GMT

In order for the Bing Maps to work you have to provide a valid bing maps key when the basemap gallery is constructed.

        basemapGallery = new esri.dijit.BasemapGallery({

          showArcGISBasemaps: false,

          basemaps: basemaps,

          bingMapsKey: bingKey,

          map: map

        });

When you say that my google maps wouldn't work off my hard drive, does that also mean that the bing maps won't work with the map gallery? Cause they aren't, and I'm trying to figure out why. All the other background imagery works, except any bing backgrounds. Google images would be ideal.

I've tried it from a folder on my hard drive, just opening the index.html
and
I've tried it from withing WebMatrix. no go.

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

NianweiLiu — Mon, 19 Dec 2011 19:47:43 GMT

Steven,

Try this example:

http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/1.07/examples/gmapsgallery.html

The google maps are at end of the available list.

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

StephenLead — Mon, 19 Dec 2011 19:53:43 GMT

Thanks Nianwei, looks good.

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

Shingo-Ikeda — Fri, 18 Oct 2013 15:08:50 GMT

Hi Nianwei,

Thanks for your google map api. Your code (GoogleMapsLayer.js.) was working fine in all browsers (FF, Chrome, IE), but I noticed streetmap mode in the Chrome stopped working after I upgraded esri JavaScript API from 3.5 to 3.7. When pegman is moved on the map and streetview is activated, my dynamic layers are still visible along with other map components as zoom buttons and mouse control is still focused on map. This prohibits navigation on streetview.

I am not sure if this is only my instance or anybody else is experiencing the same.

Thanks,
Shingo

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

JeffPace — Sun, 12 Dec 2021 02:04:29 GMT

onStreetViewVisibilityChange: function(turnOff) {
     //   alert('herechange');
        if(dojo.isChrome){
        if(turnOff){
            if(dojo.byId('map_Google Road')){
                  dojo.style(dojo.byId('map_Google Road'),'zIndex','15');
                  if(dojo.byId('gmaps_controls_')){
                  dojo.style(dojo.byId('gmaps_controls_'),'display','none');
                  }
                  }
         }else{
             if(dojo.byId('gmaps_controls_')){
                  dojo.style(dojo.byId('gmaps_controls_'),'zIndex','15');
                  dojo.style(dojo.byId('gmaps_controls_'),'display','block');

                  }
                   if(dojo.byId('map_Google Road')){
                     dojo.style(dojo.byId('map_Google Road'),'zIndex','0');
                    }
         }
         }
    },

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

RatikantaLenka — Wed, 25 Jul 2018 05:39:26 GMT

http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/1.07/examples/gmapsgallery.html. This link not working. showing 404 error

Re: Does the BaseMap Gallery support Google Maps as a Basemap?

Rhys-Donoghue — Wed, 25 Jul 2018 08:33:18 GMT

Hi All, it is quite easy to add Google's basemap to ArcMap, ArcGIS Online, Portal for ArcGIS, or an app using Esri's JavaScript API (including Web AppBuilder). It only takes a couple of lines of code. The problem is Google do not allow their basemap to be used unless you are using Google Maps' API for your application, or unless you get a letter from Google saying it is okay (their Terms and Conditions actually say this). I tried to get the letter from Google because I was using their imagery basemap for a Leaflet application I developed. They said no because our company was too small. If someone can point me to Google's Terms and Conditions or provide confirmation from Google that they allow their basemap to be used outside of a non-Google Maps API application, then I will be happy to put the details here to show you how to do it. It is very quick and only takes a couple of minutes. Note that when I first asked Google for permission to consume their tiled service directly outside of their API, they said it was technically not possible. I had to have a debate with them and prove that I had already done it before they believed me, and then they told me to stop using their tiled service immediately, unless I used the Google Maps API. If you really want to use Google's basemap, and you can't consume their service directly because of breaking their T&Cs, you can wrap their basemap in a Google Maps API app, and then put that inside your own app. This is a dirty hack, which is what we ended up doing.