Estoy usando HERE Maps para Javascript en mi aplicación Angular. Tengo una funcionalidad de búsqueda implementada, donde el usuario puede escribir una ubicación, la API de búsqueda brindará sugerencias y una vez que el usuario seleccione una ubicación, el mapa enfocará/centrará automáticamente la ubicación seleccionada.
Todo funciona bien, excepto el zoom. Quiero que el mapa haga zoom en el mapa dinámicamente, según la selección. Por ejemplo, si el usuario selecciona un país como "India", el valor del zoom sería mucho menor para mostrar toda la India, o si el usuario selecciona un aeropuerto, digamos "Aeropuerto de Nueva Delhi", el valor del zoom sería mayor. para centrarse sólo en el aeropuerto.
¿Cómo hacemos esto con HERE Maps Javascript? ¿Algunas ideas?
Eche un vistazo al método setLookAtData que se aplica en el modelo de vista de mapa:
map.getViewModel().setLookAtData({ bounds: userSelectedGeometry }); Cuando usa setLookAtData con solo la propiedad de bounds especificada, establece el centro de los límites como el centro del mapa y calcula automáticamente el zoom requerido que se ajusta a los límites de la geometría seleccionada (por ejemplo, India, Aeropuerto de Nueva Delhi, ...) dentro de la ventana gráfica del mapa.
Ver la referencia de la API