gmap

2 replies · opened Sep 30, 2016

Xxorg-xxSep 30, 2016

hi i wanted to add in my map's circle to show my place.
how i cant do this ?

Thank for helping.

Xxorg-xxSep 30, 2016

simce to be no solution to make overlay circle with gmap.js you provide?

SSemicolon WebSTAFFOct 2, 2016

Hello,

This is Definitely Possible. Please consider using the following code to add a Custom Icon for your Map Marker:


	jQuery(window).load(function(){

		// Google Map
		jQuery('#headquarters-map').gMap({
			address: 'Melbourne, Australia',
			maptype: 'ROADMAP',
			zoom: 14,
			markers: [
				{
					address: "Melbourne, Australia",
					html: "Melbourne, Australia",
					icon: {
						image: "images/icons/map-icon-red.png",
						iconsize: [32, 32],
						iconanchor: [14,44]
					}
				}
			],
			doubleclickzoom: false,
			controls: {
				panControl: false,
				zoomControl: false,
				mapTypeControl: false,
				scaleControl: false,
				streetViewControl: false,
				overviewMapControl: false
			}
		});

	});

You can change the Icon modifying the following code in the above mentioned code:

icon: {
	image: "images/icons/map-icon-red.png",
	iconsize: [32, 32],
	iconanchor: [14,44]
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard