title: Add local image as custom marker in google maps
body: <p>i'm trying to create a custom marker using google maps.</p>
  
  <pre><code>var iconBase = //some url;
  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: iconBase + 'marker.png'
  });
  </code></pre>
  
  <p>This basically works. I host my images in a google drive. It's good, but a little slow, takes about 500-700ms to load the image for the first time upon clicking to a map and rendering the marker. So I'm trying to add the image locally, sadly, I can't seem to find resources regarding this one. How do I use local (in my project directory) images?</p>
  
  <p>Assuming I put it in a folder "icons" within the same directory level as my php file where I call google maps services, if that helps. Thank you!</p>
  
  <p><strong>Update!</strong></p>
  
  <p>I tried:</p>
  
  <pre><code>maker = new google.maps.Marker({
                position: location,
                map: globalMap,
                icon : "pubIcons/male-2.png"
              }); 
  </code></pre>
  
  <p>where <strong>pubIcons</strong> is a folder in the same directory as the php file where I render the map.
  and I get this error : </p>
  
  <pre><code>GET http://localhost/bims-2.0/index.php/location/view/pubIcons/male-2.png 404 (Not Found) 
  </code></pre>
  
  <p>It sort of behaves like <strong>pubIcons/male-2.png</strong> is an action in my controller "view", i'm using Yii btw.</p>