title: How to draw straight lines inside google map polygon
body: <p>I have created a google map using <code>google map javascript API V3</code>. I am drawing number of zipcode polygons. The polygons are of different colors depending upon some condition. Now I want to draw straight lines/ hash marks inside some of the polygons depending upon certain criteria. How can we do it. Below is the code which I have written for drawing the polygons.</p>
  
  <pre><code>{% if zip.zip_info.zip_polygon %}
      var path = [
          {% for polycoord in zip.zip_info.zip_polygon %}
              new google.maps.LatLng({{polycoord.1}}, {{polycoord.0}}),
          {% endfor %}
          ];
  
      var polygon_{{ forloop.counter }} = new google.maps.Polygon(
      {
          path:path, 
          clickable:true,
          strokeColor: '#000000',
          strokeOpacity: 0.15,
          strokeWeight: 2,
          fillColor: fillColor,
          fillOpacity: 1,
          zipcode: '{{zip.zip_info.zipcode}}'
      });
  
      polygon_{{ forloop.counter }}.setMap(map);
  
  {% endif %}
  </code></pre>
  
  <p>I am also givinging the image link of my requirement.</p>
  
  <p><img src="https://i.stack.imgur.com/g0xeA.jpg" alt="enter image description here"></p>
  
  <p>You can see in the image some of the polygons are shaded with straight lines, and some are shaded with only colors.</p>