Hey there.
Im starting to develop a little app that it has to search a value in a feature layer and give the result in some html List and also make a zoom in a map with the current location (i would like to add the infotemplate from the feature).
Im programming with esri-angular api, but i dont find any example of :
1.- How to query data from a featurelayer
2.- How to make a zoom to the founded feature.
3.- Is there a way to not use this to add the feature layers and doing it through code?
<esri-feature-layer url="http://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/services/Heritage_Trees_Portland/FeatureServ..."></esri-feature-layer>
<esri-feature-layer url="http://services.arcgis.com/rOo16HdIMeOBI4Mb/arcgis/rest/services/Portland_Parks/FeatureServer/0"></esri-feature-layer>
Thanks in advice for ur help guys as always
I just have this on my code:
Mapa.JS
angular.module('myApp', ['esri.map']) .controller('MapController', function ($scope) { $scope.map = { center: { lng: -71.51079005370974, lat: -33.0324567956618}, zoom: 10 }; });
Html File:
<div class="content-block contact-3 bg-clouds" id="busqueda" ng-controller="MapController"> <div class="container"> <div class="row"> <div class="underlined-title"> <h1>Buscar NIS de Cliente</h1> <hr> </div> <div class="row"> <form role="form"> <div class="col-md-4"> <div class="form-group"> <label class="control-label" for="formInput13">Ingrese el NIS del cliente a buscar:</label> <input type="text" class="form-control" id="formInput13" placeholder="NIS" required> </div> </div> <div class="col-md-4"> <button type="button" class="btn btn-default btnBuscar bg-moonlight offwhite" id="searchBtn"> <i class="fa fa-search"></i> Buscar </button> </div> </form> </div> <div class="col-md-6"> <div id="contact" class="form-container"> <h2>Resultados de la búsqueda:</h2> <fieldset> <ul> <li>Lat: {{map.center.lat}}</li> <li>Address: {{map.layer.address}}</li> <li>Pipe: {{map.layer.pipe}}</li> <li>Status: {{map.layer.status}}</li> <li>Nulla volutpat aliquam velit <ul> <li>Phasellus iaculis neque</li> <li>Purus sodales ultricies</li> </ul> </li> </ul> </fieldset> <p> Lat:<input type="number" step="0.1" ng-model="map.center.lat" /> Lng:<input type="number" step="0.1" ng-model="map.center.lng" />, Zoom: <select ng-model="map.zoom" ng-options="level for level in [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]"></select> </p> </div> <!-- /.form-container --> </div> <div class="col-md-6"> <h2>Ubicación</h2> <p>Lugar donde actualmente se encuentra el NIS.</p> <div class="row pg-empty-placeholder containerMap"><esri-map id="map" center="map.center" zoom="map.zoom" basemap="topo"></esri-map> </div></div> </div> </div> <!-- /.row --> </div> <!-- /.container --> </div>
How can i integrate angularjs with arcgis api?...
Its very simple what i want to do but idk how to put things together 😞
Evelyn Hernandez - take a look at http://esri.github.io/angular-esri-map/.
Actually i know about it, thats why theres not an example about querying a featurelayer.
It needs more docs of a lot of things.
Anyways, i resolved my problem in another way, i will post it tomorrow, but idk if its the best practice to do it.
Enviado desde Correo de Windows
De: Bjorn Svensson
Enviado el: martes, 29 de diciembre de 2015 20:49
Para: Evelyn Elena Hernández Riquelme
GeoNet
Querying a FeatureLayer with Angular JS
reply from Bjorn Svensson in ArcGIS API for JavaScript - View the full discussion
Evelyn Hernandez - take a look at http://esri.github.io/angular-esri-map/.
Reply to this message by replying to this email, or go to the message on GeoNet
Start a new discussion in ArcGIS API for JavaScript by email or at GeoNet
Following Querying a FeatureLayer with Angular JS in these streams: Inbox
This email was sent by GeoNet because you are a registered user.
You may unsubscribe instantly from GeoNet, or adjust email frequency in your email preferences