:ruby

  src = "https://maps.googleapis.com/maps/api/staticmap"
  src+= "?size=#{properties[:width]}x#{properties[:height]}"
  src+= "&zoom=#{properties[:zoom]}&scale=#{properties[:scale]}"

  if properties[:marker]
    src+= "&markers=icon:#{CGI.escape(properties[:icon])}|#{properties[:latitude]},#{properties[:longitude]}"
  else
    src+= "&center=#{properties[:latitude]},#{properties[:longitude]}"
  end

%img.poi-map__img{ src: src, width: properties[:width], height: properties[:height], alt: properties[:alt] }

:ruby

  src = "https://maps.googleapis.com/maps/api/staticmap"
  src+= "?size=#{properties[:width]}x#{properties[:height]}"
  src+= "&zoom=#{properties[:zoom]}&scale=#{properties[:scale]}"

  if properties[:marker]
    src+= "&markers=icon:#{CGI.escape(properties[:icon])}|#{properties[:latitude]},#{properties[:longitude]}"
  else
    src+= "&center=#{properties[:latitude]},#{properties[:longitude]}"
  end

  stylers = [
    "feature:water|element:geometry|color:0xcbdae7",
    "feature:landscape.man_made|element:geometry.fill|color:0xeff1f3",
    "feature:road|element:labels.text.stroke|color:0xffffff",
    "feature:road.arterial|element:geometry.fill|color:0xffffff",
    "feature:road.arterial|element:geometry.stroke|visibility:off",
    "feature:road.highway|element:geometry.fill|color:0x16c98d",
    "feature:road.highway|element:geometry.stroke|visibility:off",
    "feature:road.local|element:geometry.stroke|visibility:off",
    "feature:road.local|element:labels|visibility:off",
    "feature:poi.park|element:geometry.fill|color:0xc8e6aa",
    "feature:poi.school|element:geometry|color:0xdfdad3",
    "feature:poi.medical|element:geometry|color:0xfa5e5b"
  ]

  src+= "&style=#{stylers.join('&style=')}"  

%img.poi-map__img{ src: src, width: properties[:width], height: properties[:height], alt: properties[:alt] }

Add custom stylers to static maps
Add custom stylers to static maps
