Vega-lite: How to change the size of marker when zooming - vega-lite

I created the scratter plot below, how to make the mark size bigger when I zoom in?
My vega lite json: Open the Chart in the Vega Editor

Related

How to control the distance between the page and the component with FitToView?

After using FitToView, the distance between the page and the component is too close. Is there any good method to control this distance?enter image description here
you could get the boundingbox of the object (components) and scale up/down with the box to make an appropriate box and call fitBounds
getBoundingbox:
Forge Viewer API: Bounding box for a specific element
fitBounds:
Autodesk forge viewer zooming to bounding box

Save gmap plot not including google tiles (the map)

Exporting a gmap plot to png (from the Bokeh SaveTool) does not include the map tiles. Just a grey background with lat and long axes and the plot title.
The bokeh tools are also missing.
Have tried on Brave, Chrome and Safari also tried adding a server side save using export_png which works albeit with a strange height and width (even when they are passed). The server side solution is not great as it does not reflect any client side zooms or pans, just the original plot.
I have simplified the plot to just a map with no overlays, still no joy.
from bokeh.models import (GMapPlot, GMapOptions, BoxSelectTool, SaveTool, Plot)
from bokeh.io import output_notebook, show
from bokeh.plotting import figure, gmap
output_notebook()
map_options = GMapOptions(lat=-33.79822854506091, lng=151.2562823223427, map_type="roadmap", zoom=13)
plot = gmap("myGoogleKey", map_options, height_policy="max", width_policy="max")
plot.title.text = "Sample Plot"
plot.add_tools(BoxSelectTool(), SaveTool())
show(plot)
The expected output is what is shown on the screen, the actual output (to file) shows the lat/lng axes and tickers but the entire map area is grey.
This is after allowing plenty of time for the screen load (the screen is loaded)
There are no JavaScript errors in the browser console.
If I zoom (client side) the grid shown on the output png file reflects my location and zoom level - i.e. it knows what i have done but still no map tiles.
The save tool only saves the HTML canvas object. Neither the toolbar, which is a separate DOM object off the canvas, or the Google Map itself, which is a separate DOM object underneath the (transparent) canvas, are included in that. This is simply an intrinsic limitation of the SaveTool. It will not be able to save Google Map tiles.
You might try the other non-Google tile renderer options in Bokeh. Those render raster tiles directly on to the HTML canvas. Otherwise, the only options is the export_png function.

Resizing KineticJS stage

I created markers with custom html for my bing map (doesn't matter if is was google maps). The new marker contains kinetic js stage that contains layers interactive to the user. everything is working just fine except that now I want to resize my marker when my map zooms out or in. I want to give my marker max and min sizes and it should change it's size when map is zoomed in or out.
I'm not getting any idea how I can resize my kineticjs canvas.
If I'm understanding correctly, you should be able to handle that by simply changing the scale of the stage.
stage.scale({x: newXScale, y: newYScale})
http://kineticjs.com/docs/Kinetic.Stage.html#scale

larger map marker in Overlay

How do I add a larger map marker image to an Overlay? I'm using KMLLayer and the icon url is inside my KML file. Google Maps appears to scale it down when i link to the larger icon.
I tried the inside the KML but that didn't have any effect on the size of the image or something else is overriding it.
I believe it forces it to 32x32, but I need one at least twice that for a touch screen/kiosk app. My icon is 64x64.
Thanks,
Don
Using geoxml3, the kmz branch, your icons are displayed full size (if you change the <scale>0</scale> to <scale>1</scale>.
http://www.geocodezip.com/geoxml3_test/v3_geoxml3_kmztest_linktoB.html?filename=http://www.geocodezip.com/geoxml3_test/doubletaketech_net_RigsB.kml
geoxml3 parses the KML in the client and renders the markers as native Google Maps API v3 markers. For large numbers, KmlLayer is a better option, as it is rendered as tiles, but it doesn't seem to render markers at their native size, and it doesn't support the scale tag
It also looks like you have the <hotspot> defined incorrectly:
http://www.geocodezip.com/geoxml3_test/v3_geoxml3_kmztest_linktoB.html?filename=http://www.geocodezip.com/geoxml3_test/doubletaketech_net_RigsC.kml

Data points to Colored Map

I have a set of Latlng coordinates that I want to place on a Google Map, but instead of the usual markers, I want to create an overlay where a higher density of these latlng points will create a redder color overlay, while a lower density will give a greener overlay, everywhere in between will be a shade in between red and green. How can I achieve this?
You could try to build heat map with data stored in Google Fusion Tables.
Also, have a look at this question from GIS SE:
How could I turn my data into a heatmap / intensity map?