chris
Forum Replies Created
-
Posts
-
Well I fixed the issue. It was all CSS related to believe it or not. I had a piece of CSS that was modifying the main image up top……It was also modifying the image of the map. I fixed my own issue so there is no core file issue thank goodness!
Mark this as resolved
I tried changing the icon image and still the same thing. I changed the map to a Hybrid or Satellite and the issue goes away. So this is with just the RoadMap. I did some more digging and found the RoadMap is offset vertically from the other maps that show correctly. Below is a screenshot of what I am talking about.
I know from looking at other maps there is not a offset like that from google. I tried sifting through the code but I could not figure out anything.Also I tried a fresh install and it still produced the same results so i know its in the core files somewhere. Also on the “add listing” map the RoadMap is not offset like that and when zooming out or in the marker stays where it should.
This reply has been marked as private.Thank you!!! you can mark as resolved!
If anyone is wondering how to do this until they develop it more completely follow these steps:
1) Locate the map.js file under ( geodirectorygeodirectory-functionsmap-functionsjs )
2) Search for var styles
3) Below the var style, just add your google maps styles.
This is what it may look like when done
var styles = [ // Google Map Styles Starts Here { "stylers": [ { "invert_lightness": true }, { "saturation": -100 } ] }, // Google Map Styles End Here { featureType: "poi.business", elementType: "labels", stylers: [ { visibility: "off" }, ] } ];Thank you!
