Rendering Tiles by Maperitive while routing with Graphhopper - openstreetmap

im new to these softwares and am stuck in a project im working on. My goal is to use modified OSM files and implement a navigation/routing to travel through my custom roads. I have tried graphhopper web and the routing works, but the tiles/map have not changed, it is as if im travelling through invisible roads.
Is there a way to replace it with png tiles created from Maperitive?
A step-by-step guide would be very helpful.

Related

Best Way to approach a 3D customisable Globe in Flutter?

following question:
I'm currently working on a Travel App and I thought of the idea of implementing an 3D Globe that can be rotated by the user. I thought of the Globe as a basic White Sphere with the borders of the countries visible as a stroke. All countries that have been visited should be filled with a color.
I thought of implementing it with the unity widget, but I'd like to maintain a lightweight feeling.
Is there a way to emulate js or WebGL?
What do you think is the best way to approach this?
Thank you for your time
Linus
You can use webview_flutter, I played with it a little bit to display planet models in javascript library three.js. Thanks to it you can use it like standard js instance of it with only one drawback that I didn't try to solve: I was unable to run it in browser mode as Flutter needs to emulate js itself by platform speciffic way. There is option to load js/html code from local assets but then you will not be able to load models in js directly as you will face cors policy restrictions, then the only way is to pass models as json from flutter code. It works pretty well, supports two way communication between js and flutter so you can also add events to model etc.

Google Earth Web/Online WMS

I am trying to add a WMS service to Google Earth Web/Online: https://earth.google.com/web
I tried importing a .kml file that works in the desktop version of GE but had no success. I also tried adding a tile overlay, which failed as well. I could not find any recommendations for working with WMS services in the google faq/ help docs or on the web. Has anyone been successful with this?
The WMS I would like to add: http://www.geoportal.rlp.de/mapbender/php/wms.php?layer_id=61675&REQUEST=GetCapabilities&VERSION=1.1.1&SERVICE=WMS&withChilds=1
WMS overlays currently work in Google Earth Pro, but they do not work in Earth v9.x (web & mobile apps) at this time.
But in Earth for web, you should be able to add a Tile Layer that loads a set of Google Map Tiles (the same tile format as you would use with the Google Maps Platform / Maps API). You need the URL for the tile layer, with the appropriate $[x], $[y] and $[level] variables (note "level" instead of "z"). You'll also want to add the N/S/E/W tile extent coordinates. And I believe it only supports 256x256 tiles at this time. Let us know how you're trying to add a tile layer, and we can try to debug that.

Is there a way to spawn a GameObject in every neighbourhood listed in Mapbox?

I'm working on a geolocation-based game, currently using MapBox API, we need to spawn a GameObject in every neighbourhood, MapBox have a script to spawn in map when the user is closer enough to a spot, the problem is, i have to put all the coordinates manually, and that is just impossible because of the number of neighborhoods in the world.
Edit: MapBox is a Geolocation service for real-time mapping. It's a SDK for Unity. all configuration is in-editor, so no revelant scripts to show off. My problem is to spawn in every neighbourhood, this kinds of tags already exists inside Mapbox API, but i have no clue how to use
Edit 2: Im trying to make it search automatic for an neighbourhood, and so put an gameobject there whatever he claims to be a neighbourhood.
Is there a smarter way to spawn that? Like a instruction to spawn in determinated places that im missing?
I'll leave some links to MapBox here.
API playground (here you can see how the api works):
Link
API reference (if it helps somehow, doesn't helped me yet):
Link
Add markers tutorial:
Link

How to render OSM tiles

I would like to setup a tiles server.
I found some documentation on the net and followed this tutorial.
Now it seems like I have a well configured server with a small map (Guyana) in my database, that's cool !
But now, I still don't understand how to get and configure an interface to display my map...
The tutorial suggests and give some links to OpenLayers and Leaflet but it seems to use online maps but I want to render my local files.
Also, the tutorial say that "mapnik" is what does the rendering, but no idea how to use it !
I'm using Ubuntu 14.04, apache2, Mod_tile, renderd, mapnik, osm2pgsql and a postgresql/postgis database in virtualbox.
If you have some tips you're welcome ! Thanks
If you already imported a shapefile to a PostGIS database, you can create a style or use the OSM default style with the Mapbox Studio or TIlemill tool and then import to a mapnik.xml file.
With the mapnik style file, you can follow the guide to serve the tiles using Renderd and mod_tile.
If you can call browse to http://yourserveraddress/osm_tiles/0/0/0.png and see the world tile without problems your Tile Server has been configured correctly, if not something went wrong.
After this, you can use frontend frameworks like Leaflet following this guide.
A good way to learn more about the OSM world is to create your own API by the OSM API repository.

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.