Mapbox Puns

I just wanted to share that the Noodl team added a Mapbox module this week, so it's super quick to build custom Mapbox apps now.

Here's an app one of our designers built that shows the Historical Landings of Meteors.

Building a mapbox app with Noodl

More info and guides here: https://www.noodl.net/post/integrate-mapbox-maps-into-your-noodl-app

In short: MapBox lets you embed a map for free until you reach 50K "map loads". A map load occurs when you execute the provided JavaScript code to add the map to your page. It usually happens once per pageview, so if you've got 10 pageviews you consume 10 map loads. And if you've got 10K users that open your page you consume 10K map loads. What if you keep refreshing your map forever? Well, the answer is ... You hit 50K very fast.

I noticed that because I was testing my map inside 4 different windows (desktop, tablet, landscape mobile, portrait mobile), thus consuming 4x the loads. After a full coding day on a fresh MapBox account, I had already consumed 1753 views out of 50K.

Any malicious user could easily exploit it and generate an insane amount of fake map loads. Costs would be prohibitive, for obvious reasons. How would you fix that? So far my "brutal" solution is to disable the JavaScript code after a certain amount of views from the same visitor (user agent, session, IP, whatever).

Any suggestion would be greatly appreciated!

For a project im working on, im creating an AR game in unity using mapbox. I want specific locations to be target points and can path the player towards them.

The only issue is that currently, it attempts to path the user along roads, rather than public footpaths. Is there a setting for alter this and enable these footpaths as valid routes, or will i need to create a custom pathing for these routes?

Additional context: The game will only be based in my small town, so manually mapping things might be a potentially viable option

The last release of the Mapbox Unity SDK seems to be quite old, and the documentation is scarce.

Is it worth to use the Unity SDK, or should you just go with Unity as a Library and use Mapbox in iOS and Android native code?

Here's my bootstrap/css:

<div class="row">
    <div class="col-6 offset-3">
        <div class="card mb-3">
          <div class="card-body mb-4">
            <div id="map-container">
              <div id="map">
              </div>
            </div>
          </div>
      </div>
   </div>
</div>

https://preview.redd.it/tnpkfl62jvo71.png?width=237&format=png&auto=webp&s=7c13a8cf3609725f263864bc3e9360d9cfbea894

I'm trying to find an API that can show the boundaries of a storm in my mapbox map. Have y'all heard of an API that can do this?

It can process the entire OSM planet in less than a day on standard consumer hardware.

Repo:

• https://github.com/onthegomap/flatmap

Announcement blog post:

• https://medium.com/@onthegomap/helping-sustain-open-maps-on-the-web-dc419f3af75d

I'm working on a React app with a mapbox component and am trying to understand the use case for react-map-gl vs the examples on the Mapbox site that just use mapbox-gl. From the React GitHub issues they mention this in regards to performance -

>React may decide to render more than necessary than Mapbox would on its own, failing to account for how expensive the draw call is.
>
>If you are using mapbox as nothing but a map display, generally speaking you do not need this library. If you are trying to match the map with any other React component, you will eventually run into the same issue.

But then the entire Mapbox studio is written I believe without any react wrappers...and there are plenty of React components in Studio besides the map, so it does not seem like this argument holds true. Anyone have thoughts or experience they can share?

I have a simple map of polygons and mouseover effect, but would love to add a WOW factor with the mouseover: color gradient, drop shadow, etc. Is this possible? An examples much appreciated!

Below is the vanilla mouseover I have now.

https://preview.redd.it/eebo1brtsfw71.png?width=488&format=png&auto=webp&s=a95e354dd16d5bc0db5649c4a3300400399e88df

I just received a new M300. I activated each component and wanted to try a quick flight. Problem is the map is not displaying when I try to plan a mission on the controller. WiFi is connected. Location services are on. Even tried loading a KML from Google Earth. Nothing worked. Pilot app has been reinstalled. Same results as before. Any ideas about what I am doing wrong?

Update:

Thank you all for the suggestions. Looks like I have a bad controller. Swapped for a new one and all is well. I did try to downgraded firmware and that didn’t work. Interestingly my old controller would not connect to every WiFi network at my office, only one. That could also be an issue somewhere. My local enterprise is going to look into it and see what they can find. Should they find a fix I’ll let you all know.

Hi guys,

I am stuck. I want to develop turn by turn navigation with some custom markers, other users on map etc. It turns out that google has not publicly exposed their navigation sdk for android/ios, and writing one from the scratch would cost me huge amount of time, considering i don't have any experience with those systems. And even if i would manage to create my own sdk, there is a high chance that i would became bankrupt just from using their expensive navi api. My hopes rised when i read about mapbox alternative, because they have navi sdk for android/ios which i could write plugin for, and also flutter_map widget on UI side. The ballon soon deflated when i got to know that flutter_map widget does not support tilt and bearing, and for me its clearly disqualifing for turn by turn navigation feature. There were attemps to add support for tilt and bearing but noone actually succeed. On the other hand, google_maps_flutter has tilt and bearing out of a box, and it works fantastic. So, the idea that popped into my mind is, why not to try consume mapbox navi sdk for android/ios via flutter plugin and display the navigation data on google_maps_flutter widget? Mapbox navigation sdk exposes nice events driven interface, for route progress, turn by turn instructions etc so it should not be hard to display those data on google maps widget. What do you think about it? My only concern is that it can break Google maps TOS, and in some edge cases google map tiles can be slightly inconsistent with mapbox navi data(for example mapbox can have new road in their data earlier than google map, and it will navigate through that new road but on google map tile it won't be visible yet, so the user will have navigation route displayed through "nothing". Anyway, i guess it won't occur often so i could live with that. What do you think guys?

I have a simple map of polygons and mouseover effect, but would love to add a WOW factor with the mouseover: color gradient, drop shadow, etc. Is this possible? An examples much appreciated!

Below is the vanilla mouseover I have now.

https://preview.redd.it/o8othusvcgw71.png?width=488&format=png&auto=webp&s=9c00e7f40cc2082d35647ac91015dc89adef3ed9