[Solved] EventBuilder Theme google map api missing m1.png, m2.png error

If you are using ThemesDojo theme "Event Builder" and encounter the following error:

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png - 404 Not found.

Here is the reason and solution, and below is my implementation to the theme "EventBuilder":

Upload the missing image files


First, download the cluster.zip from the link above.  Unzip and upload it to your theme.

In my case, I uploaded it to /wp-content/themes/EventBuilder/images/cluster/m1.png (and so on).

Modify the javascript


- Open /wp-content/themes/EventBuilder/partials/part-sliders.php
- Find this line:

var markerCluster = new MarkerClusterer(map, markers, { maxZoom: 9 });

Replace it to the following:

var mcClusterIconFolder = "/wp-content/themes/EventBuilder/images/cluster";
var mcOptions = {
maxZoom: 9,
styles: [
{
height: 53,
url: mcClusterIconFolder + "/m1.png",
width: 53
},
{
height: 56,
url: mcClusterIconFolder + "/m2.png",
width: 56
},
{
height: 66,
url: mcClusterIconFolder + "/m3.png",
width: 66
},
{
height: 78,
url: mcClusterIconFolder + "/m4.png",
width: 78
},
{
height: 90,
url: mcClusterIconFolder + "/m5.png",
width: 90
}
]
};

//var markerCluster = new MarkerClusterer(map, markers, { maxZoom: 9 });
var markerCluster = new MarkerClusterer(map, markers, mcOptions);


What this code does is to set the path of each image icons to mcOptions variable.

By the way, as you can see in the last two lines, I comment the old one and use the new one.

Important:


Actually, apart from this file, below are also the files that need to be modified:

EventBuilder\taxonomy-event_cat-version-2.php
EventBuilder\taxonomy-event_cat-version-3.php
EventBuilder\taxonomy-event_cat.php
EventBuilder\taxonomy-event_loc-version-2.php
EventBuilder\taxonomy-event_loc-version-3.php
EventBuilder\taxonomy-event_loc.php
EventBuilder\taxonomy-event_tag.php
EventBuilder\partials\part-filter-events-map.php
EventBuilder\partials\part-filter-past-events-map.php
EventBuilder\partials\part-sliders.php (This is the file I modify)
EventBuilder\templates\template-all-events-version-2.php
EventBuilder\templates\template-all-events-version-3.php
EventBuilder\templates\template-all-events.php
EventBuilder\templates\template-past-events-version-2.php
EventBuilder\templates\template-past-events-version-3.php
EventBuilder\templates\template-past-events.php

So please modify as you need.

Hope it helps someone.

Comments

Popular posts from this blog

TCPDF How to show/display Chinese Character?

How to fix fancy box/Easy Fancybox scroll not work in mobile

Wordpress Load balancing: 2 web servers 1 MySQL without any Cloud services