.MBTiles from mapbox studio - mapbox

Good day all.
I am a bit Interested in mapbox and your maps. Going thru your site I also realize that calls to the app helps you with revenue. THis is all well and good for doing an app to find the nearest coffee shop. However I am working on an application where Internet connectivity is not promised and in this case a .MBTile file would be perfect for me. I have not been able to export my maps I have created into a .MBTile even though that was directly mentioned in mapbox documentation. I would love some assistance in locating this feature or do I need a paid account to do so.
Ps I am aware this can be done with tilemil but I cannot get the maps I created from Mapkit into tilemil to do so.
Thanks

If you want to be able export .mbtiles you would have to design your map in TileMill. From there you would be able to export them into the format that you want. This would produce raster tiles rather than vector tiles however. https://www.mapbox.com/tilemill/

Related

Cartoon style map

Our university has had an agency create a very pretty printed map* for a special purpose.
In the early stages of the project, I suggested that they make the map in true proportions, and in vector format, so that a digital version might be more easily made in future. The future is looming, and it's looking like I'm going to have to come up with something!
I've begun toying with ways of doing this. One option is to make a suitable base layer and add the buildings as individual svg files - it sounds like a LOT of work.
I wondered if anyone had suggestions about how I should approach this. Is mapbox even the right tool?
* apparently, I don't have the 'reputation' required to embed an image!
There have been a number of impressive cartonish and artistically stylized maps made with Mapbox GL JS and Mapbox Studio Classic.
https://www.mapbox.com/blog/pencil-drawn-style/
http://dessine-moi-une-ville.makina-corpus.net/#15/43.5933/1.4514
http://a.tiles.mapbox.com/v3/aj.Sketchy2/page.html#6/33.962/-6.405
https://www.mapbox.com/gallery/#map-7
https://www.mapbox.com/gallery/#map-20
I've begun toying with ways of doing this. One option is to make a suitable base layer and add the buildings as individual svg files - it sounds like a LOT of work.
This sounds like the one good way to go about adding individual building illustrations. Other options include using one or many image sources.
Good luck! Can't wait to see what you make!

OpenStreetMap Grayscale tiles?

I'm building up experience with web development and my next projects are some web maps. I've looked into Google Maps and Open Street Maps and would like to use OSM for a project as it contains more detailed information of building footprints.
I've tried styling Google Maps which seemed fairly straightforward, but I'm a little lost with OSM. I've got to the point of trying to create my own renders (with TileMill) but this is crashing my system due to the amount of data.
What I essentially need is this (but for the UK);
http://maps.stamen.com/#terrain/12/37.7706/-122.3782
Are there any resources which you can recommend or how easy/ difficult is this to create myself? I think I would need to create the map (with TileMill or similar and then find my own servers to host), or is there an easy way to convert the standard map to Grayscale?
I want to keep it as simple as possible so please any recommendations?
Turning the standard map to grayscale: I might be very late to this but for anyone else running into this question: I found a very easy solution if you're working with HTML and Javascript using OpenLayers and the standard OpenStreetMap-Tile-Layer in color. I took the solution from here: https://openlayers.org/en/latest/examples/semi-transparent-layer.html
I don't know much about web development but this solution worked for me. Upon creating the map, as done in main.js in the example from the link, a class name is defined ('bw')
className: 'bw',
that can be used in index.html to manipulate the style o f it in the part:
<style>
.bw {
filter: grayscale(100%);
}
</style>
My application was altering a pre-built web-map from the qgis2web extension for QGIS. I was able to turn the tile layers from the background map to grayscale so the results would stand out more.
You could use https://github.com/Zverik/leaflet-grayscale to display any tile layer in grayscale. It's a plugin built upon the leaflet map displaying library.

Displaying 3D Buildings in OpenLayers 3

I am using OpenLayers 3 to render OSM map data into WebBrowser control in my C#-WPF application. The reason for using OpenLayers v3 is that it supports map rotation.
The version of Internet Explorer is 10. This is a limitation for using OL3-Cesium for displaying 3D buildings on my map.
I have come across another library OSMBuildings for 3D buildings. This API works with OpenLayers 2 which unfortunately does not support map rotation.
I would like some help with using OSMBuildings with OpenLayers 3 or a workaround for OL3-Cesium API to work in Internet Explorer 10 or lower.
Cesium requires WebGL, which is not supported in Internet Explorer versions before 11. If you are required to use Internet Explorer 10 or lower, Cesium (or anything WebGL-based) is simply not an option.
While I'm not as familiar with OSMBuildings, I believe that getting it to work with OpenLayers 3 is a significant undertaking and would require large changes to the code base (though I could be wrong). You might want to chime in on this issue in their repository and ask for an official statement from the team.
Unless I'm wrong about OSMBuildings, there is no good answer here. Your best bet is to replace IE10 with embedded Chrome or Webkit (or require IE11), but that's probably a non-starter for you.

Custom Maps in iPad App

I just want to build a drill down map like this - Drill Down Map
Here I want to show some data on tapping of each regions.I am out of clue. How can I ? What should I use ? From where to start ?
EDIT : In the link it's showing the country name on mouse over, instead of that I want to show some data/info of the country on touch. Please visit the map shown in the link,you'll get the whole idea.
Thanks !!
If you want total control on the map layout, and be able to check which country the users taps, there's no secret : you need to have boundaries of all countries you want to detect.
Here's the global approach I would use to reimplement something that looks like the map you linked to (I can you into more details if you want, but at first, here's the global approach) :
Get the data of the boundaries of the countries you need. This can be done using OpenStreetMap.org data.
[EDIT] I just came accross this website to download countries boundaries as files you can then use with tilemill : http://www.gadm.org/country
Use this data with tilemill (http://mapbox.com/tilemill/) : this tool is able to design maps using a language that looks like CSS but dedicated for maps. The results is great and the tool great as well. This tool also support shapes files, so if you can get the countries boundaries as shapefiles, you'll be able to use them with tilemill, and this will be easier than using .osm files from open street map). Have a look here http://mapbox.com/tilemill/data/ for the supported formats.
Then, with tilemill, export your map as an MBTile file (this file contains all tiles needed to get the map rendered at different zoom levels).
Use the route-me project to display the resulting MBTile file (in its latest version, route-me is able to do that, this feature has been implemented by the mapbox team to support their open format MBTile).
Guys from Mapbox have published a good tutorial "from data to maps" here : http://mapbox.com/demo/making_massredistrict/ this may help as well
Your best bet is to use CloudMade ( http://cloudmade.com/ ). They provide custom map builders program where you can build custom maps and can integrate those maps in your iOS app.
Depends what you are looking for. To implement the linked example it's enough with a giant image that you can split in tiles using CATiledLayer. You'll find examples if you google a little, PhotoScroller is one. If you want to display real maps you have to investigate the route me project.
I don't think that using images could be good option.Check this link - arcgis-iphone api. I am not so sure but you can get some idea from this.
Happy to help..

How to download OpenStreetMap tiles from CloudMade?

how to download cloudmade map tiles? i have to download tiles with different zoom levels? how save these tiles to database for later loading? any sample code available? any help is appreciated..
There are different options available to you.
First, you can use the Javascript "Web Maps API". This is useful if you are wanting to show the maps on a website. It will download the required tiles and display them appropriately, and give you the interface to pan and zoom the map. See their pages at http://developers.cloudmade.com/projects/show/web-maps-api
Second option is if you want to access the map tiles directly. They call it their HTTP Maps API. You will need to make the calcuations of which tiles to download, how to arrange them etc for your own application. Have a look at http://developers.cloudmade.com/projects/show/tiles
Finally, although you don't mention it in your question, I see the question is tagged with "iphone" and other related things. Perhaps you want to look at their iPhone SDK, which is similar to the Web Maps API. See http://www.developers.cloudmade.com/wiki/iphone-sdk/Examples for examples on how to use it.