cl.geologyidea.com
Más

Cómo agregar extensión al mapa OpenLayers en AngularJS

Cómo agregar extensión al mapa OpenLayers en AngularJS


We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.


Estoy usando AngularJS y angulares-openlayers-directives para hacer un mapa simple, ahora vi este ejemplo simple en línea AQUÍ.

Solo quería modificar el código, agregar ungradopara que las capas más allá de una cierta dimensión no se carguen, por lo que mi código se ve de la siguiente manera:

var coordenada1, coordenada2, coordenada1 = ol.proj.fromLonLat ([77.6013, 12.9044]), coordenada2 = ol.proj.fromLonLat ([77.6885, 12.9536]), latlon = ol.proj.fromLonLat ([77.6244159, 12.9370699]); app.controller ('DemoController', ['$ scope', function ($ scope) {angular.extend ($ scope, {quebec: {lat: latlon [0], lon: latlon [1], zoom: 5}, bing: {extensión: [coordenada1 [0], coordenada1 [1], coordenada2 [0], coordenada2 [1]], fuente: {nombre: 'Mapas de Bing', tipo: 'BingMaps', clave: 'Aj6XtE1Q1rIvehmjn2Rh1LR2qvMGZ-8vPS9Hn3jCeUiTo- kFRzyMELDol ', conjunto de imágenes:' Carretera '}}});}]);

Mira cómo estoy generando las coordenadas:

var coordenada1, coordenada2, coordenada1 = ol.proj.fromLonLat ([77.6013, 12.9044]), coordenada2 = ol.proj.fromLonLat ([77.6885, 12.9536]), latlon = ol.proj.fromLonLat ([77.6244159, 12.9370699]);

y usándolos de la siguiente manera:

Quebec: {lat: latlon [0], lon: latlon [1], zoom: 5}

y también aquí:

extensión: [coordenada1 [0], coordenada1 [1], coordenada2 [0], coordenada2 [1]]

Ahora bien, esto no funciona, si quito elgradoparámetro, me doy cuenta de que el mapa está en algún lugar del mar Arábigo, que no son las coordenadas que he especificado. Entonces, ¿dónde me estoy equivocando aquí y cómo especifico la extensión utilizando la directiva angular-openlayers-directive?


Las coordenadas que proporcionas se están confundiendo. No puedo descifrar dónde está tratando de mostrar. Pero cuando inicializa las coordenadas usandool.proj.fromLonLatesta función acepta y devuelve una coordenada en orden xy, por ejemplo, lonlat según la firma del método, consulte aquí http://openlayers.org/en/v3.11.1/apidoc/ol.proj.html#.fromLonLat

Cambiar la variablelatlonalonlat

Y cambie el punto al siguiente, ya que en este momento xey se están confundiendo.

Quebec: {lon: lonlat [0], lat: lonlat [1], zoom: 5},

Pero también asegúrese de que las coordenadas que está dando estén en el orden xy / lonlat. Creo que la extensión está configurada correctamente, si las coordenadas están en xy / lonlat.

No sé si esto solucionará su problema, pero debería facilitar el trabajo.


Ver el vídeo: OpenLayers Add Vector Layer to Web Map