Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › Pro Maps for Google › Custom markers

Custom markers

Thread began 9/21/2010 5:18 pm by tbueschel415105 | Last modified 8/13/2014 3:22 pm by Jason Byrnes | 1216 views | 3 replies |

9/21/2010 5:18 pm | #1 tbueschel415105

Custom markers

Does anyone know if it is possible to add custom markers/icons to the google map using pro maps?

9/22/2010 7:17 am | #2 Jason ByrnesWebAssist

in the map javascript file, the code to add the icons will look like:

var icon_0 = new GIcon();
    icon_0.image = 'google_javascript/images/traditionalflat_pacifica.png';
    icon_0.shadow = 'google_javascript/images/traditionalflat_shadow.png';
    icon_0.iconSize = new GSize(34,35);
    icon_0.shadowSize = new GSize(34,35);
    icon_0.iconAnchor = new GPoint(9,33);
    icon_0.infoWindowAnchor = new GPoint(19,0);
    icon_0.printImage = 'google_javascript/images/traditionalflat_pacifica.gif';
    icon_0.mozPrintImage = 'google_javascript/images/traditionalflat_pacifica_mozprint.png';
    icon_0.printShadow = 'google_javascript/images/traditionalflat_shadow.gif';
    icon_0.transparent = 'google_javascript/images/traditionalflat_pacifica_transparent.png';

you can change these paths to use your own images if you like.

8/13/2014 1:22 pm | #3 Paul

custom markers

is there any way of using this in the wagmp_map_1.php file?

https://developers.google.com/maps/tutorials/customizing/custom-markers#customize_a_map_marker

e.g.

function wagmp_add_marker_1(point,infowindow,icon,address,isDefault,fromAddress)  {
  // create the map marker
		var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
		icon: iconBase + 'schools_maps.png'
  var marker = new google.maps.Marker({
    position: point,
    shadow: icon.shadow,
    shape: icon.shape,
    title: address.full

8/13/2014 3:22 pm | #4 Jason ByrnesWebAssist

find the coded for the iamge, for example:
image: new google.maps.MarkerImage('plugins/webassist/google_javascript/images/pushpin_pacifica.png', new google.maps.Size(40,41), new google.maps.Point(0,0), new google.maps.Point(7,38)),
shadow: new google.maps.MarkerImage('plugins/webassist/google_javascript/images/pushpin_shadow.png', new google.maps.Size(40,41), new google.maps.Point(0,0), new google.maps.Point(7,38)),

and change the path to point to your custom images.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.