Custom style to Google Map V3 overlays - google-maps

I want to draw rectangles and polygon overlays on a map, but with more style than just a color and opacity. I'd like to add dotted lines for the boundary and line patterns in the polygon itself.
Is that possible?

You can add most any style to the polylines and polygons. Take a gander at the google API documentation https://developers.google.com/maps/documentation/javascript/overlays#PolylineOptions

Related

Custom (text) overlay on google map via KML

Is it possible to draw a custom text overlay on a google map via a kml file. I'm drawing several polygons (e.g. linear ring) that separate a region into districts and I want to indicate what district the polygon is and without an marker pin.
KML does not have a native way to draw text or fonts directly on the map.
Your options include:
Add a Point/Placemark with a Label at the center of your polygon. In the IconStyle, set scale to zero, so that you only see the label.
Use a GroundOverlay image that contains the text and has a transparent background
Find a way to generate KML lines or polygons in the shape of your letters/text, and place those on the map.

How to show a circle with given radius around a bing maps pushpin on hover?

I want to be able to type in a number for a radius. Then whenever I hover over any given pushpin on the map it will show a circle with that radius.
Then if I would be able to grab a list of pushpins within that radius when you hover over the pushpin that would be awesome too.
Thanks
You can find a module for Bing Maps V7 that adds support for circles here: https://bingmapsv7modules.codeplex.com/wikipage?title=Circle%20Module

Change Google Maps direction line to icons

Is there a way to change the default Google Maps direction line, the blue line that you are meant to follow, into a series of icons?
So instead of having a blue line showing the route on the map, I'd like to replace this with a series of small icons.
Or, if that isn't possible, can I place icons along the route in say 1km increments?
I see plenty of examples of replacing the start and end markers but not of the line.
Yes, it is possible. One option:
PolylineOptions to the DirectionsRenderer, you can also apply symbols to the Polyline
(example using a "dash" symbol)
or extract the route data and use it to put icons at all the vertices on the polyline (like the answer to this question, but with a transparent polyline)
example of a custom DirctionsRenderer
markers every 2km on a Polyline
markers at 2 arbitrary distances on a directions polyline

Panoramio & Weather Layers zIndex Lower Than Polygon Overlay Google Maps API V3

Is it possible to make Panoramio Pictures and WeatherLayer icons appear above (have a higher zIndex than) a polygon?
I have a map with transparent Polygon Overlays, and when I add the Panoramio or WeatherLayers to the map, the Panoramio photos and weather icons appear below the polygon overlays.
The pictures and weather icons can be seen below the polygon because the polygon is partially transparent, but the user cannot interact with those photos or icons because the polygon is on top of them.
The screen shot below shows an example of this:
You can view an example page here.
You can add and remove the different overlays/layers. I've tried setting the zIndex of the polygon to negative numbers, but they always appear above the Panoramio and WeatherLayer icons.
The PanoramioLayer and PanoramioLayerOptions API references don't say anything about a zIndex. The same goes for the WeatherLayer and WeatherLayerOptions API references.
You're need to set option to the polygon:
clickable: false
But all polygon's mouse events won't work

Add labels to polygons in google maps?

How do I put a text label on a polygon in Google Maps? Documentation deals with markers and icons, but I don't want a marker - this is not a point. ELabels was good but was made with V2 and breaks with V3.
Create an custom Overlay , you may place there any html-markup (e.g. an element that contains some text)