How to add point images to a map using javascript? - highcharts

I am using highcharts map and would like to add point location on it using real coordinates. How can i do this in javascript any links? or any suggestions of customizable map that allows me to enter images as locations?

You can catch click event on the chart, then you get coordinates for particular point (x/y). Last step is using it in data.
Example: http://www.highcharts.com/maps/demo/mapline-mappoint
Another way to approach this would be to import the GeoJSON file ("fr-all-mainland.geo.json") in a compatible editor (for example QGIS) and plot the cities there, then inverting the y-coordinate. This would be similar to plotting the cities in Inkscape, except you would be working with the GeoJSON file instead of the SVG.
Please visit the related topic: http://highcharts.uservoice.com/forums/55896-general/suggestions/5780574-add-ability-to-plot-points-based-on-longitude-lati

Related

Trying to create a heat map by region (Zip code) in Power Maps for Excel

Is there a way to generate heat maps by zip code using Power Maps for Excel. I have build it using region and it does appear to have a heat map scaling for the color range. However the difference in the color range being used it not noticeable. So maybe I just need a way to adjust the color range.
I tried using the heat map option but all the zip codes have a ring for all the colors even though there is only one value per zip code. Also the zip codes blendtogether and form you giant blob of red.
If there is a different free option you would recommend for doing this type of mapping I am open to suggestions. I previously used MapPoint but that is no longer an option.
You could change the look of your Power Map. You could also change the color for one or more data series.
Please refer to the following link:
Geocode your Power Map data
Change the look of your Power Map
Change the color of a data series in 3D Maps

A-Frame & ar.js: Multiple markers & boxes

Is there any proof of concept of how to implement multiple AR markers w/ A-Frame?
Ex. Something like this: https://www.youtube.com/watch?v=Y8WEGGbLWlA
The first video in this post from Alexandra Etienne is the effect I’m aiming for (multiple distinct AR "markers" with distinct content): https://medium.com/arjs/area-learning-with-multi-markers-in-ar-js-1ff03a2f9fbe
I’m a bit unclear if when using multiple markers they need to be close to each-other/exist in the same camera view
This example from the ar.js repo uses multiple markers but they're all of different types (ie one is a Hiro marker, one is a Kanji marker, etc): https://github.com/jeromeetienne/AR.js/blob/master/aframe/examples/multiple-independent-markers.html
tldr: working glitch here. Learn the area (the image is in the assets), click the accept button, and toggle the marker helpers.
Now, a bit of details:
1) Loading saved area data
Upon initialisation, when ar.js detects, that you want to use the area marker preset, it tries to grab a localStorage reference:
localStorage.get("ARjsMultiMarkerFile")
The most important data there is an array of pairs {markerPreset, url.patt} which will be used to create the area.
Note: By default it's just the hiro marker.
2) Creating an area data file
When you have debugUIEnabled set to true:
<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: true'>
There shows up a button "Learn-new-marker-area".
At first glance it redirects you to a screen where you can save the area file.
There is one but: by default the loaded learner site is on another domain.
Strictly speaking: ARjs.Context.baseURL = 'https://jeromeetienne.github.io/AR.js/three.js/
Any data saved there won't be loaded on our website, for local storage is isolated per origin.
To save and use the marker area, you have to create your own learner.html. It can be identical to the original, just keep in mind you have to keep it on the same domain.
To make the debugUI button redirect the user to your learner html file, you need to set
ARjs.AnchorDebugUI.MarkersAreaLearnerURL = "myLearnerUrl.html"
before the <a-marker>s are initialized. Just do it in the <head>.
Once on the learner site, make sure the camera sees all the markers, and approve the learning.
It should look like this:
Once approved, you will be redirected back to your website, the area file will be loaded, and the data will be used.
As #mnutsch stated, AR.js does what you want.
You can display two different models on two different markers. If the camera doesn't see one of the markers the model vanishes (or stays where it was last, depending on your implementation.
The camera doesn't need to see both.
Screenshot:
https://www.dropbox.com/s/i21xt76ijrsv1jh/Screenshot%202018-08-20%2011.25.22.png?dl=0
Project:
https://curious-electric.com/w/experiments/aframe/ar-generic/
Also, unlike Vuforia, there is no 'extended tracking' - once the code is out of sight, you can't track anymore.

Get US only map for iOS

I want to draw the map of United States with all its states and state boundaries, Please help
Just like the image below
Use SVG file parsing for it
FSInteractiveMap is a charting library to visualize and interact with a vector map on iOS. It's like Geochart but for iOS!
https://www.cocoacontrols.com/controls/fsinteractivemap

show region with different color

I have an app where I am showing map where I will be showing the driver area allocated to him.
Client want this area will be highlighted with some color.
Sample can be as below.
Any idea how this can be done?
What I was planning to do is having images for different regions and show image for respective area.
However I just wanted to check if this can be done using MapKit that we already have, I don't want to go with images.
More info on this would be appreciated.
I didn't thought this would be so easy...
Below link will do the trick I was looking for...
http://www.shawngrimes.me/2011/04/adding-polygon-map-overlays/
Something you may want to try for performance reasons is to use TileMill to parse the source data (KML, SHP, etc.) and render out raster tiles, possibly with alpha transparency so that they can be used as a true overlay. Then, you could use those tiles in MapKit or something like Mapbox.
you can see HTML "map" tag with "area":
http://www.w3schools.com/tags/tag_area.asp

how to show data from database on map view using kml files in iOS app

I have huge amount of location records in database and I want to show my locations data on map view using KML for generating visualizing annotations. How can I show those visualized effects on map view? Please give me suggestions to work with KML for iOS apps....
See the Apple KMLViewer sample code here:
http://developer.apple.com/library/ios/#samplecode/KMLViewer/Introduction/Intro.html
It shows how to display KML files on top of an MKMapView.
Also see the following two projects on github. I've used them both to parse KML and display the results on a map. SimpleKML is good for most uses. KML Framework has (last time I checked), a more complete implementation of the KML standard. Either should be good for simple KML placemarks and overlays.
https://github.com/mapbox/Simple-KML
https://github.com/FLCLjp/iOS-KML-Framework

Resources