why teaser from Tilemill won't show up on mapbox.js? - mapbox

I used Tilemill to style my data, added teaser for points, then save then uploaded the project at data on mapbox.com then referred to those data on my website using "Layers" on mapbox.js examples why are my tooltips not showing up?

You still need to add your gridLayer and gridControl to your addLayer function. Example.

Related

Can I style the map appearance in Leaflet?

Is it possible to style the map itself in Leaflet?
For example, by default it's a colorful map but I'd like to make it a light/grey style map for some of our sites.
I've seen some documentation about GeoJSON but that seems to be meant more for the layer above the map, like markers and polygons.
I'd like to be able to include or reference some sort of external stylesheet to change the appearance of the map instead.
Has anyone got some hints or documentation for me on how to accomplish this? Existing style sheet examples for maps would be very much appreciated as well. Maybe something like a gallery of styles or a Github repo.
Thanks in advance!

Very small labels and components in Mapbox

I am trying to create a navigation application using Mapbox GL JS. But the text labels are too small along with the searchbox. Where in the Mapbox GL JS API can we set the tilesize and ppi to fix it?
The best way to adjust the size of the text labels is to create a custom map style using Mapbox Studio, rather than programmatically manipulating the size of the map labels using the GL JS API (unless for some reason you need the text label size to be responsive on the client side).
You can navigate to studio.mapbox.com, select the New style button, choose a template to customize, and then click the Customize button. This will open the map editor interface, where you can navigate to the Layers panel on the lefthand side of the interface and select a layer whose properties you would like to edit.
For example, in the screenshots below I selected the state-label layer and changed the Text size property from 18px to 30px. More details about styling layer properties can be found in the documentation here.
To persist these changes to the map, you can publish your style, as described in the detailed documentation here. The way in which you can then add the custom map style to your application is dependent on the application you are developing for. The linked documentation specifies the appropriate steps for web, Android, iOS, Unity, and several other third party options.

Data visualization using Drupal-8 Views, Flipped Table and Charts API?

I have created a simple form to collect 15 inputs. I installed Flipped Table to flip the table from row to column format and created a new view to display the flipped table using rendered entity.
Then I added a chart attachment to the Master Flipped Table page. The main label is Submission ID and the data fields are the 15 categories. The pie chart is not showing at all. I seem to be stuck in bridging the data from the fields to the pie chart. Any direction will be most helpful.
If you're using the Charts module, in this case I would recommend adding a regular attachment, and then setting the display settings to Chart (Chart attachment is really intended as a second series on an existing chart). Also, please be sure to inspect element and look at the console for any JS errors...it's possible your charting library was not installed properly, and that would give you a good indication.

add markers as vector tile with MapBox Studio

I have some GeoJSON data containing some locations I'd like to show on my map.
Since it contains also the style (marker-icon, marker-size, etc.), right now I am using this data as
map.setGeoJSON(my_data);
These locations will never change, I want to add them as a Vector Tile. Is there a way to do that with MapBox studio?
I tried to put my_data in a file and load it in MBS, but I don't know how to style them as they were the default markers of MapBox.
Thank you
Since it contains also the style (marker-icon, marker-size, etc.)
Do you mean it follows MapBox's simplestyle spec? If so, this simplestyle is only intended to style geojsons in the browser, not vector tile sources in MapBox Studio.
If you want to style them in MapBox Studio, you have to use CartoCSS: create a Studio Source project with your geojson, and create a Studio Style project to style them w/ Carto. Checkout the maki icon set and reference the icons you want for each point using the marker-file: url("path/to/icon.png"); property.
Otherwise, you can load the geojson into your map in the browser using mapbox.js and apply their simplestyles.

Is it possible to use Google Fusion Tables with a custom overlay?

here is what I would like to achieve:
I need to use an custom overlay like this https://developers.google.com/maps/documentation/javascript/examples/overlay-simple
as background for a set of points loaded from a Google Fusion Table like this
https://developers.google.com/maps/documentation/javascript/examples/layer-fusiontables-simple
Also if you could confirm this: I read that you can configure a custom icon for each point you display by adding a link to an icon in your Fusion table. Has anybody tired this?
I have searched examples for the above but I could not find an all in one example
thanks a lot
You can not display custom icons on FusionTablesLayer (it only displays a defined set of markers), you can use the data in the FusionTable to create native Google Maps API v3 custom icons, but you lose the performance benefit of FusionTablesLayer tiled rendering (which will be an issue if you have lots of markers).
example from the documentation
combination of the 2 Google examples