The GeoJSON Global is a site you use to see your GeoJSON resource on the map.
Provide any GeoJSON resource on your site, and GeoJSON Global will able to show it on the map.
The secure mirror shows only secured GeoJSON content got from the HTTPs resource. The insecure mirror can show both, secured (HTTPs) and insecured (HTTP) GeoJSON content.
Note the Google Chrome browser can fall into the
infinite redirection loop requesting insecure mirror. If it happens, go to
chrome://flags, find the option Experimental QUIC protocol
and switch it off explicitly.
Any content shown on the map is not owned, controlled, maintained, or related to the GeoJSON Global site in any form.
The site is under construction, and many options are not yet provided, see also Planned features
Your GeoJSON content should be available on some HTTP resource referred by the valid URL.
The browser restricts access to the content outside of the current domain, so your URL should conform to the following rules:
OPTIONS request, f.e.:
Access-Control-Allow-Origin: *Access-Control-Allow-Methods: GETAccess-Control-Allow-Headers: origin, AuthorizationAccess-Control-Allow-Credentials: trueThe request for the GeoJSON content is never issued by the GeoJSON Global site backend, but directly from the browser page instead. So, you can provide your content from the intranet, or even from the localhost, but only you can see such content on the GeoJSON Global map page, definitely.
You can use Data URL to provide GeoJSON data directly. The simplest form of such URL is:
data:,{content}
where {content} is a GeoJSON content which you would
like to provide.
The space between colon and comma characters of the Data URL is used to provide MIME Type information and is not required for the GeoJSON Global. There are also options available to provide the content base64-encoded, see the information in the Data URL documentation
The input string above the map can be used to pass a GeoJSON URL. Write your GeoJSON URL to the input string and press Enter, the GeoJSON will be downloaded from the URL and shown on the map.
Use the hash section of the GeoJSON Global site root URL to pass your parameters:
Notice special characters in the url*
parameter values should be masqueraded, f.e.:
http://geojson.global#url=http%3A//127.0.0.1%3A8000/my-geojson.json
You can use input string as described before to see, how your GeoJSON URL will look in the hash section.
You can restrict access to your GeoJSON content using some popular technigues:
Any other way using pure GET request to receive the GeoJSON content is available. We don’t recommend to send plain passwords in the GET request, although it is also possible.
Notice all GeoJSON URLs are resided in the the hash section of the GeoJSON Global URL. This section is never sent to the network while requesting from the browser.
The GeoJSON Global map can be embedded into the customer’s site page using iframe. The following hash parameters can be used to hide some controls on the page:
hide-url=y - hide the URL input field and application
icon to the righthide-permalink=y - hide the permalink controlhide-layers=y - hide the layers controlhide-zoom=y - hide the zoom controlhide-scale=y - hide the scale informationhide-mouseposition=y - hide the mouseposition
informationThe hash section of the URL reflects the current state of the map. When you change zoom, or coordinates, or any other state variables of the map, the hash changes it’s content correspondingly.
Use permalink at the left bottom corner of the map, or grab a link directly from the address line of the browser to share your map among others.
All errors during the GeoJSON URL processing are reported to the user by the UI. You also can open a browser console to see error details, not available by the UI.
The GeoJSON may contain the attribution property in the
root element, whose content is reflected at the bottom right corner of
the map.
The Feature GeoJSON element can have some special
properties determining marker, line, and area style. Some
of them are common with MapBox
Simplestyle:
title - title popped up above the marker when the mouse
point is over the markermarker-opacity - opacity of the marker, from
0.0 (invisible or absent), to 1.0 (totally
opaque)marker-url option; only options
listed below are used
marker-url - URL of the marker imagemarker-retina-url - URL of the marker image for the
retina displaymarker-shadow-url - URL of the marker shadow imagemarker-shadow-retina-url - URL of the marker shadow
image for the retina displaymarker-class - class of the marker divmarker-size - [x, y] - size of the markermarker-anchor - [x, y] - marker anchormarker-shadow-size - [x, y] - size of the marker
shadowmarker-shadow-anchor - [x, y] - shadow anchormarker-div option; only options
listed below are used
marker-div - HTML content of the marker DIV, don’t
forget to escape doublequotas by \u0022 if necessary in the
JSON contentmarker-class - class of the marker div, empty by
default, use leaflet-div-icon if you want to use the
default Leaflet class for the div iconmarker-size - [x, y] - size of the markermarker-anchor - [x, y] - marker anchormarker-url, nor
marker-div has met; only options listed below are used
marker-color - color of the marker pinmarker-shape - shape of the marker pin,
circle, square, star, or
pentamarker-symbol - symbol on the marker, the available
names you can see in the list of Font Awesome icons, or GetBootstrap icons depending
on icon-prefix, see belowicon-color - color of the marker icon (figure on the
pin)icon-prefix - prefix selecting the marker icon source,
fa or absent for Font Awesome icons, or
bi for GetBootstrap iconsstroke - color of the linestroke-opacity - opacity of the line, from
0.0 (totally transparent), to 1.0 (totally
opaque)stroke-width - width of the linestroke-linecap - figure of line ending,
butt, round, or square as
described herestroke-linejoin - figure of two lines connection,
arcs, bevel, miter,
miter-clip, or round as described herestroke-dasharray - the way how to fill the line by
dashes, a string containing a list of lengths, or persentages, separated
by space, as described herestroke-dashoffset - the offset from the line start to
start the dash array as described herefill - color of the area fillingfill-opacity - opacity of the area filling, from
0.0 (totally transparent), to 1.0 (totally
opaque)fill-rule - describes a filling rule,
nonzero or evenodd, determinimg filling of
holes in the area, as explained heretooltip - show extended text/html tooltip using the LeafletJS
Tooltippopup - show extended text/html popup using the LeafletJS
PopupThe non-standard properties member of the
FeatureCollection GeoJSON element, if present, is inherited
by all Features inside this collection. The
Feature-specific properties override values inherited from
the FeatureCollections properties with the same names.
Selecting the overlay changes map view to fit the window to its boundaries
The GeoJSON Feature style may be determined by the separate style JSON depending on the Feature property values.
The GeoJSON elements may have it’s own custom context menu with links changing the current map content or opening a separate page.
The websocket resource instead of HTTP may be provided by the customer, to have a dynamic GeoJSON resource changing its content eventually.
New non-standard GeoJSON element types Reference and
ReferenceCollection are introduced to have complex GeoJSON
recursively referring other GeoJSON resources.
Allows adding, removing, or customizing map widgets while embedding.
Allows to customize list of tile overlays, removing or adding your own tile overlay resources additionally to GeoJSON overlays.
Allows to customize a list of background layers, removing or adding your own background tile resources.