Breaking Down Particular Phrases

I am currently developing an application that necessitates the user to select a location, which will then guide them to the designated spot using Google Maps. The locations are stored as an array of JSON files. Below is an example of what the list looks like once compiled...

To rectify the backward coordinates in the JSON file, I have constructed the following code to split up the coordinates accordingly:

var FormatCoords = function(){
   CoordinateToString = location.Point.coordinates.toString()
   SplitCord = CoordinateToString.split(",")
   $scope.Lat = SplitCord[1];
   $scope.Lon = SplitCord[0];
   var FinalCord = Lat.concat(Lon);
  };

My inquiry is how can I trigger the above code to execute when a location is clicked?

If you wish to take a look at my code, you can access it via this Plunk: http://plnkr.co/edit/OZZRgiEcrLzreW3lrc5v?p=preview

javascriptarraysjsonangularjssorting

Answer №1

Given the scenario where FormatCoords is considered a global function.

$('a').on('click', function() { 
    FormatCoords();
});

Answer №2

After some investigation, I've found the solution. Before selecting a location, you must adjust all the coordinates.

location.Point.coordinates = location.Point.coordinates.substring(0, clength - 2).split(",");
        Lat = location.Point.coordinates[0]
        Lon = location.Point.coordinates[1]
        Comma = ","
        location.Point.coordinates = Lon.concat(Comma, Lat)

Therefore, upon application launch, the Z coordinate is omitted and the X and Y coordinates are swapped.

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

Angular is causing issues with removing slashes from strings within a Directive, potentially causing unintended alterations to the

Encountering an issue while learning Angular, where I am trying to replace any slash (/) in a string with equals (=). I have created a directive that wraps an element with a div and applies styling, particularly a background URL which is being replaced wi ...

angularjsangularjs-directive

Setting up scheduled MongoDB collection cleanup tasks within a Meteor application

After developing an app to streamline form submissions for my team, I encountered a problem during testing. Meteor would refresh the page randomly, causing loss of data entered in forms. To solve this, I devised a two-way data binding method by creating a ...

javascriptnode.jsformsmongodbmeteor

Enhancing Nested Objects using Mongoose

When attempting to update nested objects using Mongoose, the request I receive appears like this: { 'example[apple]': 'false', 'example[pear]': 'false', 'example[banana]': 'false', 'example[ ...

javascriptnode.jsmongodbmongoosemongoose-schema

The xmlhttp object parameter is not defined. JavaScript AJAX

As a newcomer to javascript and ajax, I am trying my best to understand it all. I followed a tutorial to write this code, but I can't seem to figure out what I did wrong. If you click here, you can see the live version. The error message that Firebug ...

javascriptajax

Class component proceeding without waiting for function completion

My function, getactivity(), pulls and sorts data from an API and returns the sorted data in answer1 format. However, I am facing a problem where whenever I run the function to retrieve the data, it keeps returning nothing. Here is the full code: import Re ...

javascriptnext.js

What is causing my Node JS app to only show the initial JSON object?

Having an issue with my Node application while writing a JSON object and integrating the Twilio API. The console log displays all objects properly, but when written to the document, only the first object is visible. Can anyone help me figure out why this d ...

javascriptjsonnode.jstwilio

AngularJS - Calculate multiple currencies

I need to calculate the product of a value and months. For the input value, I am utilizing a Jquery Plugin to apply a currency mask. Unfortunately, the calculations are not functioning properly with this plugin. My goal is to multiply the value, includin ...

javascriptjqueryangularjscurrency

The Problem with JSON.stringify() Escaping

I am currently utilizing AJAX alongside JQuery to transmit JSON data to an API server. However, I have encountered an issue with one server that escapes the JSON string when I apply JSON.stringify(), while another server processes the same code without any ...

jqueryajaxjsonmootoolsstringify

What is the best method to verify a string against a set of approved characters using JavaScript?

I have written some code that sanitizes user input to allow only alphanumeric characters and hyphens. Here is the code snippet: https://jsfiddle.net/py4pnr0L/ const inputValue = 'GHJHlk;sxa787BVK'; const sanitizedValue = inputValue.toLowerCase( ...

javascriptregexvalidationecmascript-6

Effective methods for eliminating timezone in JavaScript

I need to display the time and format {{transaction.submitTime | date:'yyyy-MM-dd HH:mm:ss Z'}} Currently, it displays 2015-04-23 02:18:43 +0700 However, I would like to show the time without +0700, where the hour will be incremented by 7. Is ...

javascriptangularjsdate

What could be causing the lack of responsiveness on this page?

I have created a webpage with over 1100 lines of code using JSF 2.0. The page is filled with PrimeFaces components and I have implemented JQuery to control the appearance and disappearance of these components. The webpage functions smoothly on Firefox 4.0 ...

javascriptfirefoxjsf-2primefaces

Transform a JSON string into a date time format and perform a comparison in Swift

Can someone please assist with the following two questions: 1) I am struggling to convert a JSON string into time. Despite successfully retrieving the JSON String, I am facing difficulties in converting it into Time format. Below is my code snippet: HERE ...

jsonswiftdatetimensdateformatter

Having trouble with parsing JSON data using jQuery?

I am currently working on retrieving a result set using postcodes with jQuery autocomplete. However, the code I have implemented seems to be displaying an empty set of rows. <html lang="en"> <head> <meta charset="utf-8> <title>Ausp ...

javascriptphpjqueryjson

Why does the Element.style.left property keep rejecting my input value?

I have encountered a problem with the positioning of elements, specifically with the 'left' property. I've designed a rectangular block using CSS and rotated it by 0.17 radians in JavaScript. Now, my aim is to make the block move diagonally ...

javascripthtmlcss

Rendering Based on Conditions in React Native

I'm a beginner in the world of React Native and coding and I'm looking to display text based on certain variables (as shown below). If isPlayer === true && base.length === 1, then display x Else if isPlayer === true && base.leng ...

javascriptreactjsreact-nativeconditional-statements

What is the best way to make a drop down menu list appear when I click on the parent li, and then show the sub li using JavaScript?

I have a code that includes an image, HTML, and CSS code. Can anyone please tell me how I can set up a drop-down menu list to open the sub <li> elements when I click on a parent <li> using JavaScript? You can see the appearance of the code in t ...

javascriptphphtmlcss

Trying to understand the strange behavior of HTML parsing with jQuery in Javascript and Firefox

I have been working on a script to parse an HTML page using jQuery. The script runs smoothly in Chrome, IE, and Safari, but I'm facing some unexpected behavior while testing it in Firefox (version 36.0.1). Here's the code snippet: $.ajax({ u ...

javascriptjqueryhtmlfirefox

JavaScript regular expressions only recognize certain characters

When submitting a form, I need to validate a field and ensure that only specific characters are allowed. The permitted characters include: a-z A-Z 0-9 % . " ' & - @ # $ * / + = [ ] ! I attempted to use the following regex for validation: var r ...

javascriptregex

A PHP-based web service designed to validate user logins specifically for Android devices

Struggling to get the user authentication to function properly on Android. Despite the Android app sending the username and password via POST method, I am constantly encountering an "Error receiving detail!!" message. I even tried using the REST console t ...

phpandroidjsonpost

What is the best way to proceed with the execution of the statement once the promise has

Within my template, I have utilized the following directory. To change the model value of the drop-down to "id," I implemented the code below: <md-select flex class="md-select-form" ng-model="education.degree" placeholder="Degree" save-id id="educatio ...

angularjsangularjs-directiveangularjs-scopeangular-promiseangularjs-ng-model