Offline Map Tiles - javascript

Intro
I am working on a mobile app (Cordova) in which user can draw polygon on Map and view their areas lately and etc. In online mode i am using google maps api 3 it is working fine.
Requirement
Now i want to provide map view to users if they have no internet access but it cannot done by Google Map as their licences mentioned. So i use Leaflet maps for offline use. Now i want to download tiles only specific region that user define in online mode (polygons).
So my question is that how do i achieve that functionality to download tiles only given polygon points. I want tiles only on demand of given polygon
Try following
I use Mobile Atlas Creator to download tiles but it download separately. SO that will increase my app size i don't want that. So when user using app he/she can download if they want.

Related

Building a completely custom map in React Native?

I'm currently trying to create an app to help route users while they're inside an enclosed location like a mall or a school. I've built up a framework to generate maps of these locations and exported them as images. I was planning on using these images as the map to display on the frontend to somehow draw routes on the images to guide the user. I just can't think of a simple way to do this.
I've seen react-native-maps but that just seems to use the standard Google maps view and doesn't let me use a custom map to draw routes on. Is there any way to accomplish this?
Depending on what level of detail you want, you might be able to do this with an overlay or custom map tiles.
You can overlay your map over google maps using the overlay layer on react-native-maps. If this amount of detail is not enough, you could try creating a tile server to get images or use vector tiles with MapBox maps(which also has some nice react-native bindings).
As for drawing routes, it should be straightforward by using a poly line layer. You'll have to calculate the paths beforehand and draw them using a poly line.

Google Earth embebed, create grid layout in Satellite view

I'm working currently in a project where we need to create a new feature that allow to the user zoom in a Google Earth map embedded in a web app, and create a grid layout over the map, so the user should be able to "mark" some elements of the maps, for example, some specific buildings etc. But we need to create kind of square around the element, so it is not a single point, but at least 3 or 4 as needed to round the element.
We need to save those elements map with its coordinates and assign an ID to every element of the created grid.
Is it that possible? Is there a JS library that I could use?
Google Earth does not currently make an API or embedding available. If you don't need the full 3D view, then you can do this with the Google Maps API. There is a "drawing" library available that you can use to draw objects on the map. More info here:
https://developers.google.com/maps/documentation/javascript/drawinglayer

Surface map generation based on user Geolocation and movement

I need to create a small web hybrid app that uses google maps to track down users movements and in the end generate a shape on the map with some info like area or distance the user did. The perfect case would be when the surface is a rectangular shape.
I'm thinking of creating a cordova app and use the geolocation api but does the google maps api give me all the other info I need to generate the shape and calculate things like area or height map.
Could this approach work or do you know other open source tools that can help me with this app?

How can I from a desktop get a user mobile location. Google maps

I start a small google map project. On this project I make a request from the database and display all the locations on the map but I will like to add a extra function on the map. I will like to have a function that I can see on the map the user mobile location.
The user accept
to give the current location on the mobile and from a desktop I can see where the user is and
it keeping tracking the mobile location.
Thanks a lot.

JavaScript API for a custom picture map which can work offline and support Markers?

I have an image of a city and I want to make a HTML5 application which is like a map,
I want to add my own picture, add Markers, it needs to be zoom-able, and it needs to work offline.
I thought about Google Maps API though it doesnt work offline, Is there a JavaScript API that does?

Categories