title: Google Maps API imagePath local image not working
body: <p>I have used <a href="https://developers.google.com/maps/documentation/javascript/marker-clustering" rel="nofollow noreferrer">Google Maps Clustering</a> and its working as per my expectations.</p>
  
  <p>Howerver I am facing one strange issue in <code>MarkerClusterer</code> - <code>imagePath</code> . When I set this..</p>
  
  <p><code>imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',</code> </p>
  
  <p>Its working fine. However when I do this..</p>
  
  <pre><code>var imgpath = '&lt;?= SITE_ROOT_IMAGE_DEFAULT ; ?&gt;m3.png';
  
  
  imagePath: imgpath,
  </code></pre>
  
  <p>And alerting it giving me my correct relative path, <code>/var/www/html/my-app/webroot/img/m3.png</code> where I have downloaded this image. But its not working.</p>
  
  <p>I have also tried to add via <code>http</code>. </p>
  
  <p><code>imagePath: 'http://localhost/my-app/img/m3.png',</code></p>
  
  <p>I am able to see my image but its not working as well. </p>
  
  <p>FYI , I have also downloaded my <code>markerclusterer.js</code> library in my local server and requesting it from my local only. And I am using <a href="https://book.cakephp.org/3.0/en/intro/cakephp-folder-structure.html" rel="nofollow noreferrer">Cakephp 3.x folder structure</a>.</p>
  
  <p>I have also tried with different ways like..</p>
  
  <p><code>imagePath: "../img/m",</code> But its not working either. </p>
  
  <p>Can someone guide what I am doing wrong here ? Why my <code>imagePath</code> is not being taken ? </p>