My map icon is no showing up at all on the contact page. Also I have no caching enabled, or anything like that. I've tried using a custom image, no image, animation, no animation, location 1 is turned on with lat/long coordinates. Im kinda dumbfounded about it.
Please update to Salient Theme Version 4.5.21. Which has a fix for the map icon not working due to the google map api update.
Please take a backup of your theme folder before you update so that if there are any changes made to the theme files they are not lost.
You can update your theme by downloading a fresh copy from ThemeForest, deleting the current version you have on your server and uploading the new.
It's recommended that you use FTP, but this also can be done with the WP dashboard if you prefer. The reason FTP is superior for this is because the theme won't have to be deactivated during the process so you won't have to reassign your widgets. If you're
interested in keeping up to date with the latest changes and fixes, please refer to the changelog: http://themenectar.com/changelogs/salient.html
Also, remember to clear your browser cache after each update if you notice anything off. Old theme files can persist in your local cache and make you think something's wrong.
Also please see this FAQ: http://themenectar.ticksy.com/faq/2252 .
hi - we're experiencing the same issue. updated the theme yesterday and it worked fine, checked this morning and our custom map marker has disappeared. For what it's worth, we're using a visual composer map element on a normal page rather than the theme option contact page.
The script is trying to pull the map's div id with this notation: map[i].__gm.ka.id ... which I have never really seen before so I am not familiar with it.
I resolved this issue by creating a new global var to house the map ids:
//line 14 - 15
var map = [];
var map_ids = []; //new var
Then capture the id:
//line 250ish
map_ids[i] = $(this).attr('id'); //capture id here
map[i] = new google.maps.Map(document.getElementById($(this).attr('id')), mapOptions);
Then change this block:
//line 258ish
google.maps.event.addListenerOnce(map[i], 'tilesloaded', function() {
//don't start the animation until the marker image is loaded if there is one
if(markerImg.length > 0) {
var markerImgLoad = new Image();
markerImgLoad.src = markerImg;
$(markerImgLoad).load(function(){
//setMarkers(map[i], map[i].__gm.ka.id, $count);
setMarkers(map[i], map_ids[i], $count);
});
}
else {
//setMarkers(map[i], map[i].__gm.ka.id, $count);
setMarkers(map[i], map_ids[i], $count);
}
});
Problem fixed (I think) ... didn't do too much testing.
We are running the latest version of the theme and are still having this problem. Can you let us know to which file you are making the above modifications?
I had the same problem with the marker not showing up in google map. Maybe this may only one possibility to solve the problem, but if you use the "map marker location"-field inside the visual composer map-element or inside the salient contact panel, you should wright down your information exact the way shown in the description - like this example: 39.949|-75.171|Our Location. If you miss this or wright it in a different way, the marker will not show up. best | flo | :)
My map icon is no showing up at all on the contact page. Also I have no caching enabled, or anything like that. I've tried using a custom image, no image, animation, no animation, location 1 is turned on with lat/long coordinates. Im kinda dumbfounded about it.
Hey!
Please update to Salient Theme Version 4.5.21. Which has a fix for the map icon not working due to the google map api update.
Please take a backup of your theme folder before you update so that if there are any changes made to the theme files they are not lost.
You can update your theme by downloading a fresh copy from ThemeForest, deleting the current version you have on your server and uploading the new.
It's recommended that you use FTP, but this also can be done with the WP dashboard if you prefer. The reason FTP is superior for this is because the theme won't have to be deactivated during the process so you won't have to reassign your widgets. If you're
interested in keeping up to date with the latest changes and fixes, please refer to the changelog: http://themenectar.com/changelogs/salient.html
Also, remember to clear your browser cache after each update if you notice anything off. Old theme files can persist in your local cache and make you think something's wrong.
Also please see this FAQ: http://themenectar.ticksy.com/faq/2252 .
Thanks
ThemeNectar Support Team
Hi Tahit, I uploaded the new map.js to the salient /js-folder and the map marker worked fine. Now it is gone again... I'm puzzled...
hi - we're experiencing the same issue. updated the theme yesterday and it worked fine, checked this morning and our custom map marker has disappeared. For what it's worth, we're using a visual composer map element on a normal page rather than the theme option contact page.
console in web inspector is throwing: "Uncaught TypeError: Cannot read property 'id' of undefined" in map.js?
some speculation over here: http://stackoverflow.com/questions/11740663/google-map-api-uncaught-typeerror-cannot-read-property-offsetwidth-of-null
The script is trying to pull the map's div id with this notation: map[i].__gm.ka.id ... which I have never really seen before so I am not familiar with it.
I resolved this issue by creating a new global var to house the map ids:
//line 14 - 15
Then capture the id:
//line 250ish
map_ids[i] = $(this).attr('id'); //capture id here map[i] = new google.maps.Map(document.getElementById($(this).attr('id')), mapOptions);Then change this block:
//line 258ish
google.maps.event.addListenerOnce(map[i], 'tilesloaded', function() { //don't start the animation until the marker image is loaded if there is one if(markerImg.length > 0) { var markerImgLoad = new Image(); markerImgLoad.src = markerImg; $(markerImgLoad).load(function(){ //setMarkers(map[i], map[i].__gm.ka.id, $count); setMarkers(map[i], map_ids[i], $count); }); } else { //setMarkers(map[i], map[i].__gm.ka.id, $count); setMarkers(map[i], map_ids[i], $count); } });Problem fixed (I think) ... didn't do too much testing.
We are running the latest version of the theme and are still having this problem. Can you let us know to which file you are making the above modifications?
Hey Stuart,
I'm experiencing the same issue as well. Latest theme and broken pin drops. Let me know if you find a fix please.
This is definitely fixed in 4.5.22 ... if you are positive you are on the latest version, try clearing your cache first.
The workaround I posted above is done in the map.js file, however, 4.5.22 provides the same fix in a cleaner fashion.
Hey D.B.
The only download I can get via ActiveDen is version 4.5.21 Where did you get a download of 4.5.22?
Downloaded the 4.5.22 at Themeforest, replaced map.js on webserver via FTP with new map.js and marker is working again!
Many thanks.
Wim
Went to download 4.5.22 from activeden, but as of 9/2/14 1:00pm the download it gives me is 4.5.21
Style sheet
/*
Theme Name: Salient
Theme URI: http://www.themenectar.com
Author: ThemeNectar
Author URI: http://themenectar.com
Description: An Ultra Responsive Multi-Purpose Theme.
Version: 4.5.21
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
-------------------------------------------------------------------------
Hey Guys!
Theme version 4.5.22 is available now.
Thanks
ThemeNectar Support Team
Hi there,
I had the same problem with the marker not showing up in google map. Maybe this may only one possibility to solve the problem, but if you use the "map marker location"-field inside the visual composer map-element or inside the salient contact panel, you should wright down your information exact the way shown in the description - like this example:
39.949|-75.171|Our Location. If you miss this or wright it in a different way, the marker will not show up.
best | flo | :)