Skip to main content
100%

haversineDistance en javascript

✓ Published0🌍 Public
Aaaizemberg
Last edited Oct 28, 2019
Created on Oct 28, 2019

This example demonstrates the Haversine formula, a core geospatial calculation that computes the great-circle distance between two latitude-longitude coordinate pairs. The code defines a `haversineDistance` function that takes two coordinate arrays and an optional flag to return the result in either kilometers or miles. It converts degrees to radians, applies the trigonometric Haversine equation, and uses the Earth’s mean radius (6371 km) to derive the final distance. The example also includes a sample console log call, which outputs 5198.4 meters for two points near Buenos Aires, Argentina, using plain JavaScript without any external libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

lat/lon to tile number from http://wiki.openstreetmap.org/wiki/Slippy_map_tilenames#ECMAScript_.28JavaScript.2FActionScript.2C_etc..29

This example demonstrates how to convert geographic coordinates (latitude and longitude) into slippy-map tile numbers, and vice versa, for a given zoom level. It shows the mathematical relationships between raw coordinate pairs and the tile grid system used by web maps like OpenStreetMap. The code defines pure JavaScript functions—`long2tile`, `lat2tile`, `tile2long`, and `tile2lat`—using the `Math` object’s trigonometric and logarithmic methods to perform the projection. No external libraries are used; the logic directly implements the Web Mercator projection formulas, enabling both forward and inverse tile-number calculations. The functions are standalone and ready for integration into tile-based map renderers.

CCaged
52% match
Loading thumbnail…

Distance Relay

Distance Relay is a D3.js visualization that renders three labeled distance vectors radiating from a central point, each paired with a circle whose diameter equals the vector's magnitude. The vectors use red, green, and magenta strokes, and their angles and lengths define the circle centers and radii. The code employs `d3.select`, `extent`, and SVG circle elements, with manual trigonometry converting polar coordinates to Cartesian positions. The viewBox is dynamically adjusted to fit all geometric elements, and the example invites creative theming variations like Halloween or Christmas modifications.

Bbenclark.3rd@gmail.com
51% match
Loading thumbnail…

Convertir coordenadas

This visualization demonstrates coordinate conversion between WGS84 longitude/latitude and the Buenos Aires GKBA projected system, using the USIG Buenos Aires web service. It shows how a point expressed in one system translates to the other, with example coordinates mapping to the city’s Flores neighborhood. The code fetches JSON responses from the `convertir_coordenadas` REST endpoint, displaying the converted `x` and `y` values. It also queries the `datos_utiles` service to retrieve associated administrative data such as comuna, barrio, and comisaría, rendering the results as structured text in a simple interface.

Aaaizemberg
50% match
Loading thumbnail…

locale semi-agnostic string to float conversion [JavaScript]

This example demonstrates a JavaScript utility for converting strings to floating-point numbers, designed to be locale semi-agnostic. It shows how the function handles various numeric formats, including European decimal commas, thousands separators, and ambiguous cases like “1.000” or “2,999.95”, returning numeric values or `NaN` for invalid inputs. The code uses the `toLocaleString()` method to detect the current locale’s decimal and thousands separators, then applies heuristic rules to interpret strings based on separator placement and digit counts. A MooTools click handler triggers the conversion examples, logging results to the console, with an accompanying HTML page featuring a product price display.

GGerHobbelt
50% match
Loading thumbnail…

proj4js v2 example

This example demonstrates how to convert coordinates between the EPSG:4326 and EPSG:2154 projected coordinate systems using the proj4js library. It loads the proj4js v2.2.2 script and the EPSG:2154 definition from epsg.io, then logs six different conversion results to the browser console. The code shows both forward transformations from geographic longitude/latitude to projected coordinates and inverse transformations back, using direct `proj4` calls as well as the `.forward` and `.inverse` methods.

TThomasG77
49% match
Loading thumbnail…

[Working with spatial data](https://github.com/enjalot/wwsd)

This example demonstrates how latitude and longitude coordinates from a world GeoJSON file are projected onto an SVG canvas using a custom cylindrical map projection, with red circles marking London and San Francisco. Built with D3.js version 3.5.5, the code uses `d3.geo.projection` to define the cylindrical transformation and `d3.geo.path` to render the world map from the 110m-resolution GeoJSON data. The `projection([0,52])` and `projection([-122.4194,37.7749])` calls place the two cities, while the commented-out alternative projections (Mercator and azimuthal equidistant) show the flexibility of the approach.

KKristinHenry
48% match
Loading thumbnail…

Browserifiied version of arc.js

This example visualizes great-circle routes as arc geometries, displaying both the path connections and their GeoJSON or WKT outputs. The code defines `Coord`, `LineString`, and `Arc` classes to manage coordinate transformations and geometry serialization, while the `GreatCircle` class calculates intermediate points along the geodesic using spherical trigonometry formulas. It relies on standard JavaScript math functions and outputs structured data, enabling interactive mapping of flight paths or telecommunication links without relying on external visualization libraries.

TThomasG77
48% match
Loading thumbnail…

Two Point Equidistant

This example visualizes the Two Point Equidistant projection, which preserves accurate distances from two specified points—here, Honolulu and Washington, D.C. The map displays graticules and landmasses over a stylized background, with a warning that artifacts appear beyond 145° due to incomplete elliptical clipping. It uses `d3.geo.twoPointEquidistant()` with custom scale, translation, and `clipAngle`, along with `d3.geo.path` and `d3.geo.graticule`. Land data comes from a TopoJSON world file, rendered as SVG with styled foreground, graticule, and land paths.

Mmbostock
48% match