Set mode of travel between two markers on a Google Map (Using API 3)
In this example we are going to see the best route to take between two markers on a Google Map based on our mode of transport.
Wrights HQ
A blog by Ian Wright - Front-end web developer
In this example we are going to see the best route to take between two markers on a Google Map based on our mode of transport.
In this example we are displaying multiple markers on the map, with each marker being clickable to display the info window.
In this example we have altered the display of our map using the Styled Map Wizard to set up the JSON for our styles.
In this example we have now added a few extra lines of code which allows us to display an info window when our map marker is clicked.
I have done a lot of work with Google Maps in Drupal 7 with getLocations. I am now building out my own custom map scripts to understand the full features Google has to offer & see what’s possible. In this example I am just placing a single marker on the map using London Eye’s latitude & […]
In this example we create 3d looking text with just CSS3
In this example we build a CSS & JS tabbed block
I tend to do the following method when using both SVG & PNG graphics in html code. Recently though I ran into a problem where the page was loading & I could see double graphics. First the SVG overlapped the PNG & then once the page had fully loaded the PNG was still slightly visible […]
For my work I am developing more mobile & retina websites. To make life easier when writing CSS we should all be using SASS. Below is a great mixin for SVG (Scalable Vector Graphics) with PNG fallback for older browsers (IE8 & below) Example One: This example loads in the SVG graphic but for older browsers […]
One thing I wanted to be able to do with an iPad was setup a local development server so I could create sites on the move or make small edits without the need for using a desktop computer. Well, setting up a development server unfortunately is not achieveable (I haven’t found a way) so the […]