I am having problems with the zoom control for google maps. The (+) and (-) image is not showing, only an invisible link.
I think it might be the javascript code. I am attaching a picture and code snippet. Suggestions are very welcome =)
Screen Shot Map:
Code snippet:
...
function initialize()
{
"use strict";
geocoder = new google.maps.Geocoder();
var listing_lat = jQuery('#property_latitude').val();
var listing_lon = jQuery('#property_longitude').val();
if (listing_lat==='') {
listing_lat=google_map_submit_vars.general_latitude
}
if (listing_lon === '') {
listing_lon = google_map_submit_vars.general_longitude
}
console.log(listing_lat + ' / ' + listing_lon);
var mapOptions = {
zoom: 17,
scrollwheel: true,
disableDefaultUI:false,
center: new google.maps.LatLng(listing_lat, listing_lon),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(
document.getElementById('googleMapsubmit'),
mapOptions
);
google.maps.visualRefresh = true;
var point=new google.maps.LatLng(listing_lat, listing_lon);
placeSavedMarker(point);
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
}
...