Explore HERE maps to easily identify cardinal points by utilizing the Bounds feature

Is there a way to determine the cardinal points using Here Api javascript? I have tried the following code:

var bounds = map.getViewModel().getLookAtData().bounds;
                console.log(bounds.getBoundingBox());

The values provided by this code do not clearly indicate which direction corresponds to north, south, east or west.

K {ba: -79.39228887213605, ga: -79.38982123984238, ja: 43.6432819654959, la: 43.641401124059136, b: null, …}
a: null
b: null
ba: -79.39228887213605
c: null
ga: -79.38982123984238
ja: 43.6432819654959
la: 43.641401124059136
__proto__: Wf
javascriptmapshere-api

Answer №1

After some troubleshooting, I managed to solve my issue using the code snippet below:

let boundary = map.getMapModel().getPerspectiveViewData().boundary;
let corners = boundary.getBoundingCorners();
let topCorner = corners.getTopLeft();
let leftCorner = corners.getBottomLeft();
let rightCorner = corners.getTopRight();
let bottomCorner = corners.getBottomRight();

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

JavaScript/jQuery: neglecting to incorporate a function within Angular

I'm attempting to implement a French datepicker in Angular, but I'm encountering difficulty in invoking the function within my component. datefrench.js !function(datefrench){datefrench.fn.datepicker.dates.fr={ days:["dimanche","l ...

javascriptjqueryangulartypescript

Create a Google Apps Script that allows you to easily insert an array into a single row

I need to input an array that is nested within an object into a cell in a spreadsheet Here is my Google Apps Script code: function sendText(data){ var sheet = SpreadsheetApp.openById("1isl9CFp4lllCoKNzbYWIE3QHPkj6NekY3l_nm20MVF8").getActiveSheet(); shee ...

javascriptarraysobjectgoogle-apps-scriptgoogle-sheets

"Unable to append new <li> elements to a sortable list in jQuery UI once all existing <li>

My current setup involves a sortable functionality structured as follows: <ul id="sortable2" class="connectedSortable"> <li class="ui-state-default">First <a title='delete' class="itemDelete text-right"><i class="fa fa- ...

javascriptjqueryjquery-ui

Whenever I attempt to start my ReactJS project using the command line with `npm run it`, I keep encountering an error

Encountered an issue with the webpack-dev-server script while working on my project. Ensure that your node.js and npm versions are up to date. If they are, the problem might lie within the reactjs package rather than npm itself. Kindly inform the author ab ...

javascriptnode.jsreactjs

"The occurrence of a `POST` error due to failed XHR loading can be attributed to Ajax

Attempting to execute a straightforward Ajax Request to transmit a JSON object from my Javascript file to my Python file in Django has presented a challenge. Occasionally, an error message XHR failed loading: POST pops up while executing it in the manner b ...

javascriptpythondjangoajax

Encountering ReferenceError while running production build with Webpack

After upgrading to webpack 3.10.0 and Babel 6.26, I managed to fix my dev build but encountered issues with the prod build that I can't seem to resolve. This is the error message I am seeing: ERROR in ./src/index.js Module build failed: ReferenceErr ...

javascriptnpmwebpackbabeljs

Default behavior in Fullcalendar 6 allows for rendering links on both days of the month and weekdays

Is there a way to customize the rendering of days and weekdays in Fullcalendar React? Currently, they are displayed as links by default (<a>{dayContent}</a>), but I'm looking to have them rendered as <div> or <span>. Any sugges ...

javascripthtmlreactjsfullcalendarfullcalendar-6

Error detected in d3.js Stacked chart transformation

I have developed an application for creating stacked chart animations and updates. However, I am encountering some NaN values being passed into the y and height variables. I am unsure about what is causing this issue. When toggling the data, the charts eve ...

javascriptjqueryd3.jscharts

I am interested in obtaining every separate return value from the reduce() function instead of just the final total

initialValue currentValue position elements final value first calculation 0 1 1 [0, 1, 2, 3, 4] 1 second run 1 2 2 [0, 1, 2, 3, 4] 3 third round 3 3 ...

javascriptarraysreduce

Guide on showcasing counter value as two digits in Angularjs

I'm currently using an angularjs timer to create a countdown display. The timer directive provides values for hours, minutes, and seconds as integers. However, I would like these values to be displayed as two digits each. For example: 01, 02, 03, 04, ...

javascriptangularjsdata-bindingangularjs-directiveangularjs-filter

Error: The function exec in matchExpr[type] is not defined

I made some changes to Object.prototype and now I'm running into errors with jQuery's methods on selectors. The error message I'm getting is: Uncaught TypeError: matchExpr[type].exec is not a function Additionally, when trying to use $.po ...

javascriptjquerytypeerror

The x-axis is represented by JSON keys, while the y-axis is represented by

I am currently attempting to replicate a graph that was originally made in Excel. Here is the code I have written so far: var data = [ { 'FB':4, 'Mv':4, 'CB':5, 'SL':3, ...

javascriptjsond3.js

Inquiry regarding the compatibility of AJAX with IE and cross-browser ActiveXObject capabilities

Hello, I am new to the world of AJAX and had a question that I couldn't find an answer to online, so I decided to ask here. My initial query relates to the snippet of code provided below. function createXHR() { var iexhr...; iexhr = ["MSXML2.XML ...

javascriptajaxinternet-explorercross-browser

Suggestions for integrating XMPP Chat into a webpage - keeping it light and efficient

What are your thoughts on incorporating a web-based "chat widget" on a website? Currently, I am using the following setup: OpenFire (latest Beta) Tigase Messenger XMPP library / webclient htttp://messenger.tigase.org/ The Tigase Messenger was customize ...

javascriptasp.netajaxxmppchat

What is the best way to ensure that posts made with Contentlayer stay dynamic for future posts on Vercel?

My issue is that on the webpage I have set up using contentlayer, I display my blog posts from GitHub through Vercel. However, when I publish a new post on GitHub, I am unable to see it because it has not been built yet. What can I do on the Nextjs13 site ...

javascriptreactjsnext.js

JSON - When an Object's Value Matches

Within my JSON file, I have an object that contains an array of nested objects. I am looking for a way to trigger a function based on the value of a specific object. If the value matches a certain number, I want to display only those objects within a desig ...

javascriptjqueryarraysjsonobject

The repetition of the react nodejs page load occurs when the get method is utilized

I've successfully set up a page and function for loading the customer list. However, I'm facing an issue where adding the get method to my code results in it being called every time information is received from the URL and the page is rendered. i ...

javascripthtmlnode.jsreactjshttp-post

Guide: Initiating an action in NuxtJs

I am attempting to trigger an action in my Vue component from my Vuex store. Below is the content of my aliments.js file in the store: import Vue from 'vue'; import Vuex from 'vuex'; import axios from 'axios'; Vue.use(Vuex, ...

javascriptvue.jsvuexnuxt.js

Is the utilization of javascript functions intertwined with the specific version of bootstrap being used?

I wrote a function that breaks down each letter in a paragraph to create a typing effect. However, after taking a break for a few days, I noticed that the effect was now the opposite – the letters were disappearing. To solve this, I decided to animate ...

javascripthtmlcssbootstrap-5

Is there a way to prevent a page from automatically redirecting to another page without relying on user action or using the StopPropagation and window.onbeforeunload event?

function confirmExit(e) { var f = FormChanges(); //checking if the page has been modified if (f.length > 0){ if (submitForm == false) { if(!e) var e = window.event; e.cancelBubble = true; e.returnValue = "You ...

javascriptjqueryfirefox