News & Blog

Laravel Google Maps V3 API Package

July 2nd, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Web Development.
Update: Unfortunately it looks like the GitHub repo, and even the GitHub user, linked to in this article no longer exists. I’m not sure why, but if anyone knows of a Laravel version of this library I’ll be happy to update the links accordingly. Almost four years have passed sin...
acf-street-view

Advanced Custom Fields Street View in Google Map

February 5th, 2014 - Posted by Steve Marks to Javascript / jQuery, PHP, Software, Web Development.
One of the field types available with the Advanced Custom Fields plugin for WordPress is ‘Google Map‘. This allows a user to enter a location or address, then have a Google Map be output on the frontend. I worked on a site this morning that required a Google map adding, the dif...

Resolving Google Map Controls Appearing Squashed

January 9th, 2014 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
After working on an implementation of a Google Map earlier today, I came across an issue with the controls of the map appearing squashed, almost invisible like so: As you can see, the zoom control for example is barely noticeable. It was the same for other controls on the map, and also the...

Resolving Error “Maximum call stack size exceeded” When Using Google Maps API

September 5th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
I love working with the Google Maps API and have been lucky enough recently to work with it in a few projects; From simple maps with just a couple of markers, to complex maps showing polylines, polygons, directions, and much much more. Hopefully I’ll get to share some of these more a...
mapquest-ff-ie-broken

MapQuest API Map Not Showing in Bootstrap Site on Firefox or IE

June 11th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
In normal circumstances, when faced with the challenge to implement a map into a website or application, I wouldn’t think twice about using the trusty Google Maps API. Today was different however. Due to certain aspects of the Google Maps API terms and conditions I needed to look els...
Google Maps API Labels Under Overlays

Resolving Google Map Labels Always Appearing Under Overlays and Shapes

March 8th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
And for my next trick… I will make labels appear above overlays produced using the Google Maps API. Ok, I’m far from a magician (some might say I’m good at making money, beer and food disappear) but when coding I sometimes wish that certain things could just be made to wo...
dynamic-google-maps-directions

Building A Dynamic Link To Directions In Google Maps

February 28th, 2013 - Posted by Steve Marks to Web Development.
Normally if you wanted to get directions between two places, you’d go to Google Maps and enter two locations; your starting position and destination. In doing this you can then copy the direct link which will look something like so: https://maps.google.co.uk/maps?saddr=Manchester&dad...
Draw Custom Shape Google Maps API

Draw Custom Shapes Using Google Maps API

February 26th, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
When I first saw the ‘Draw-a-search’ feature on the Rightmove website a few years ago I was impressed. It was a method of searching that I hadn’t seen before and provided the user with a visual concept of filtering results. Three years on from it’s original creation...
Disable Map Scrol Wheel Zoom

Turn Off Zooming Google Map When Scrolling Mouse Wheel

February 21st, 2013 - Posted by Steve Marks to Javascript / jQuery, Web Development.
When a large Google Map is shown on a page, I sometimes find it frustrating that when I scroll my mousewheel to navigate down the page, that the map zooms in or out intead. As a result, I wanted to demonstrate how this functionality can be disabled when using the Google Maps V3 API. To [.....
Hide Google Maps iFrame InfoWindow

How To Hide The InfoWindow In An iFrame Embedded Google Map

February 12th, 2013 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
When wanting to show a location on a simple Google Map within a website there are few options that you have in order to do this. One of the easiest and quickest methods is to use an iFrame. Let’s look at how we can get the code for the iFrame: 1) Navigate to http://maps.google.com. 2...