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

Encuentra más publicaciones etiquetadas con

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>

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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