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; } } }

how get lat/lng from basic search javascript? ref: https://developers.arcgis.com/javascript/jssamples/search_basic.html

CloudingSoft

Vind meer berichten getagd met

Accepted answers

rscheitlin

Fabien,

Here is a sample for that:

<!DOCTYPE html>
<html dir="ltr">


<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
   <title>ArcGIS API for JavaScript | Basic Search</title>
   <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/themes/calcite/dijit/calcite.css">
   <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/themes/calcite/esri/esri.css">
   <style>
      html,
      body,
      #map {
         height: 100%;
         width: 100%;
         margin: 0;
         padding: 0;
      }
      #search {
         display: block;
         position: absolute;
         z-index: 2;
         top: 20px;
         left: 74px;
      }
   </style>
   <script src="https://js.arcgis.com/3.16/"></script>
   <script>
      require([


        "esri/map",
        "esri/dijit/Search",
        "esri/geometry/webMercatorUtils",
        "dojo/domReady!"


      ], function (Map, Search, webMercatorUtils) {
         var map = new Map("map", {
            basemap: "gray",
            center: [-120.435, 46.159], // lon, lat
            zoom: 7
         });


         var search = new Search({
            map: map
         }, "search");
         search.startup();


        search.on('select-result', function(result){
          console.info(result.result.feature.geometry);
          web = webMercatorUtils.webMercatorToGeographic(result.result.feature.geometry);
          console.info("Lat: " + web.y +", Lon: " + web.x);
        });


      });
   </script>
</head>


<body class="calcite">
   <div id="search"></div>
   <div id="map"></div>
</body>


</html>

All comments

CloudingSoft

ok.

question:

$("#search_input").attr("value","Chile"); //update new data input OK

$(".searchSubmit").click(); // ERROR IN INPUT search_input; "Introduce un término de búsqueda."

i need update map, how do?

OR update map from lat/log with javascrips?

rscheitlin

Fabien,

Sure here is the link to the API doc for that:

esri/geometry/webMercatorUtils | API Reference | ArcGIS API for JavaScript

CloudingSoft

Excelent!

how get more info for webMercatorUtils in API Javascript?

rscheitlin

Fabien,

Here is a sample for that:

<!DOCTYPE html>
<html dir="ltr">


<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
   <title>ArcGIS API for JavaScript | Basic Search</title>
   <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/themes/calcite/dijit/calcite.css">
   <link rel="stylesheet" href="https://js.arcgis.com/3.16/esri/themes/calcite/esri/esri.css">
   <style>
      html,
      body,
      #map {
         height: 100%;
         width: 100%;
         margin: 0;
         padding: 0;
      }
      #search {
         display: block;
         position: absolute;
         z-index: 2;
         top: 20px;
         left: 74px;
      }
   </style>
   <script src="https://js.arcgis.com/3.16/"></script>
   <script>
      require([


        "esri/map",
        "esri/dijit/Search",
        "esri/geometry/webMercatorUtils",
        "dojo/domReady!"


      ], function (Map, Search, webMercatorUtils) {
         var map = new Map("map", {
            basemap: "gray",
            center: [-120.435, 46.159], // lon, lat
            zoom: 7
         });


         var search = new Search({
            map: map
         }, "search");
         search.startup();


        search.on('select-result', function(result){
          console.info(result.result.feature.geometry);
          web = webMercatorUtils.webMercatorToGeographic(result.result.feature.geometry);
          console.info("Lat: " + web.y +", Lon: " + web.x);
        });


      });
   </script>
</head>


<body class="calcite">
   <div id="search"></div>
   <div id="map"></div>
</body>


</html>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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