Openstreetmaps + OpenLayers images to custom maps - maps

I have an idea for a project I want to do, but I am not sure how to get started. I am looking to create a map of the inside of a building using a simple image editor. The inside of the building will contain certain points which I would like to reference later on.
For example, I want to be able to use something like openstreetmap + Openlayers, and then search for, let's say, room A, and have openstreetmap handle where that point is on the map.
I started off with this tutorial:
http://macwright.org/2012/08/13/images-as-maps.html
However, I am not sure if I am moving into the right direction. Does anyone out there have any experience doing something like this? I am not sure if the stack I have in mind is the right way to go.
Thanks in advance!

Related

Mobile Coverage Map

please advise . I have a project to do mobile operator coverage map for 2G,3G and LTE. I want to achieve something like this one for example : https://vccoverage.afrigis.co.za/#/
I have tried using Leaflet API but it has limited features. I wanted to ask if is possible to do this project using Google MAP APIs. Which ones.
Greatly appreciate your advise
I tried leaflets but I think is limited what you can do. I was not able to change the map to satellite view for example. I want to achieve something like this: https://vccoverage.afrigis.co.za/#/

How to create an array of image URLs

I have been watching tutorials and looking/researching and I can't find anywhere how to create an array of image urls.
I am trying to use the framework SDWebImage. All the tutorials that I have been looking at do exactly what I need my app to do, but with a TableView not a normal ViewController. I also would like to have it where you push a button and then it will randomly call one of the images. The urls are from the images stored in Firebase Storage. This framework (SDWebImage) is really what I want to use because it does exactly what I want to do and makes it really quick and easy. The tutorial that was closest to what I am doing is except for Jared has his in a TableView. This video is exactly what I want meaning the way he did his code like that. I really like his tutorials and his code is nice.
Overview: I need a random image from the array to load right when the app is launched, and when you click the button I need it to load another random image. I looked into this framework because at the moment I will have 400 images and more coming in the future and it is super easy to do exactly what I want.
Please help me I have been searching for 2 days and I have no idea what to do! I know this is a pretty simple concept for having an array and for using this normal ViewController instead of a TableVIew.
All help is gladly appreciated.
According to the SDWebImage documentation, you can use the setImageWithURL to set each image view inside a cell set. That code can look something like this:
self.imageView.sd_setImageWithURL(url, completed: block)
I don't know if this is exactly what you are looking for! To get better answers from Stack Overflow it's always better to post segments of your code that are not working, with an explanation of what you have tried and what errors you are getting. See here for some tips on asking good Stack Overflow questions, and here for some types of questions you should avoid.
Hope it helps!
Potentially Useful Sources:
IOS - SWIFT - CollectionView With images, loading URLs from array
Ask Question
Loading/Downloading image from URL on Swift

Where can I acquire skills to implement online maps?

I'm interested in creating maps and map "mashups" online, and have been pointed to Leaflet as a great tool to help me do what I want.
Leaflet's documentation is clear and easy to follow, but it demands pre-existing knowledge of how to use tools like CloudMade. For instance, Leaflet documentation starts by telling the user something like:
// initialize the map on the "map" div with a given center and zoom
var map = L.map('map', {
center: [51.505, -0.09],
zoom: 13
});
Which I sort of understand, but I don't know how to get the map, point to the map, create the map, etc. There seems to be a huge "how to make maps work on Web sites" chunk of knowledge that's required before diving into Leaflet.
CloudMade also throws you in at the very deep end.
Where do I pick up the Maps 101 knowledge I need to make sense of how all this works?
I assume you were following the Quick-Start Tutorial on Leaflet's website? You can look at the source of the example for the full break down on how it works internally. Leaflet doesn't use any Cloudmade specific stuff other than itself, so you shouldn't have to refer to the Cloudmade tool.
If you're looking for some basic Javascript tutorials (the language that Leaflet uses), there are some mentioned on Language Books/Tutorials for Popular Languages.
Leaflet by itself doesn't include any maps (as opposed to Bing Maps and Google Maps for example). All the examples they display with Cloudmade are exactly that, just examples.
For instance, instead of using Cloudmade you could use OpenStreetMap (OSM) tiles directly, like this:
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);
Or use tiles from other sources, or even your own tiles.
I'm guessing that what threw you off on the quick-start was the reference to Cloudmade. Don't mind that. Instead of going through the fuss of getting a Cloudmade key just create the layer as I've shown above. Everything will work the same and the only thing that will differ is the imagery on the background.

Manipulation with GIS content on the web using the WebGL

I have task to create program for manipulation with 3d content on the web. When I said 3d content i mean
on 3d map (witch i have and it is something like *.sdm) which i should load into browser and work some basic operation with it (rotate screen, change camera etc...).
Because i am totaly n00b i want to ask a couple of questions:
1. How to load maps into browser. Just for notice that my map have sdm extension. Is this possible?
2. What i should use for represent 3d content. I am thinking of GLGE framework for webGL, if it is possible of course
What should be the most painless and the most effective way to do this? Maybe i was totally wrong when choose webGL?
Programs that use WebGL aren't mature enough to do what you want. Within the next few years, when GIS applications start popping up it may be possible, but not now.
Also, keep in mind that WebGL is what gives you access to a low-level graphics library. It does not directly have anything to do with GIS data.
You may want to take a look at OpenLayers (2d, javascript based) or WorldWind-Java (3d, jogl/java based). Both of these programs can display map information in a browser.
http://openlayers.org/
http://worldwind.arc.nasa.gov/java/

Silverlight Vector US Map

I'm relatively new to silverlight and want to start building a data visualization tool that shows an interactive map of the US and allows me to essentially put a heat map on top along w/ varying points of interest dynamically added.
I'm sure there are commercial tools I could buy that would do all this but I'd like to build it from scratch (or semi-scratch) so I can figure out how to do it on my own.
Can someone maybe point me in the right direction in terms of building the map, putting the heat map up and placing points of interest based on latitude and longitude?
Thanks!
You should look at the Bing Maps Silverlight Control. I used it here for a demo.

Resources