topic Re: call google api as a function in my search widget in ArcGIS JavaScript Maps SDK Questions

call google api as a function in my search widget

Henryobaseki — Sun, 09 Jul 2017 13:38:20 GMT

Hi All,

Do not know if anyone has worked with Google places api or OSplaces api.all similar to Esri javascript api.

I would like to include Google search places api as a function or sources in my search widget code. Don't really know the best way to go about this though.

Google Api search function

https://developers.google.com/maps/documentation/javascript/examples/geocoding-simple

I want the google search api to carry out the address searches when a user click on a search button to search a post code for example but I want the search result to be displaced on ESri map.

How do I include google api search to the searchWidget sample below

ESRI Search Widget( its also a geocoding service on its own)

      var map = new Map({
        basemap: "satellite",
        ground: "world-elevation"
      });

      var view = new SceneView({
        scale: 123456789,
        container: "viewDiv",
        map: map
      });

      var searchWidget = new Search({
        view: view
      });

      // Add the search widget to the very top left corner of the view
      view.ui.add(searchWidget, {
        position: "top-left",
        index: 0
      });
    });
</script>

The other option will be to the search widget multiple sources option, how do I call the google api function on its on without including google map function initMap.

Thanks for all your help...

Re: call google api as a function in my search widget

ThomasSolow — Sat, 11 Dec 2021 10:54:11 GMT

You should be able to use google's API without pulling anything in from google. It's been a while since I've used a google API but a quick search led me to a couple sample URLs:

https://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&key=YOUR_API_KEY
https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=YOUR_API_KEY

(source)

You can make requests in these formats using an XHR, or whichever wrapper your prefer (esri/request is an option since you're pulling in the Esri JS API) and get back a list of results, which you can then display how you choose.

I recommend creating your own search widget: you can add a text box, search button, and a place to display results.

Re: call google api as a function in my search widget

Henryobaseki — Tue, 11 Jul 2017 19:41:25 GMT

The json format you showed is for one entity or location.

I do have a search widget jean Marc Roy helped with this; see link below

https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fplnkr.co%2Fedit%2FcJr3F4OWjVeseUf8LjKS%3Fp%3Dpreview

====================================================================================================

Searches coming from different featureservers.

var featureSource1 = new FeatureLayer({
   url: "https://services7.arcgis.com/uE69mPI6U3rpSmCT/arcgis/rest/services/aAdd_csv/FeatureServer/0",
   popupTemplate: { // autocasts as new popupTemplate()
    title: "Post Code: ${Postcode}</br>UPRN: ${UPRN}</br>ADDRESS: ${ADDRESS}",
    overwriteActions: true
   }
  })
  var featureSource2 = new FeatureLayer({
   url: "https://services7.arcgis.com/uE69mPI6U3rpSmCT/arcgis/rest/services/postcodesS/FeatureServer/0",
   popupTemplate: { // autocasts as new popupTemplate()
    title: "Post Code: ${Postcode_3}</br>Wards Name: ${Ward_Name}</br>Ward: ${Ward_Code}",
    overwriteActions: true
   }

============================================================================================================

I would like my third source, if possible would like the only source to come from googleApi. I guess when a user types in an address in the search it returns the json format as a lookup and then displaces it on the map.

==================================================================================================================

here is my google map key

https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&key=AIzaSyA2bvB4bQ-ofc_qVFVM-XWsTeyMNwuh744

Thanks in advance

Re: call google api as a function in my search widget

Henryobaseki — Wed, 26 Jul 2017 07:44:38 GMT

Hi All

It just tool complicated to use external service within Esri JavaScript API. I have opted for Esri geocoding service instead it gives me what I need an xy coordinates with addresses.

Thanks...