adding on Google Maps a select box for MapTypeID

on google_maps.php i added two new arrays to set up weather there is a frontend choice of the MapTypeID
(Terrain, Roadmap, Hybrid, Satellite) by this:

array(	
	"name" 	=> __("Display MapType Control?", 'avia_framework' ),
	"desc" 	=> __("Check to display the MapType control at the top right side of the map", 'avia_framework' )  ,
	"id" 	=> "maptype_control",
	"std" 	=> "",
	"type" 	=> "checkbox"),
							
							
array(
	"name" 	=> __("Map View Setup", 'avia_framework' ),
	"desc" 	=> __("Choose the Map View of your map", 'avia_framework' ),
	"id" 	=> "mapview",
	"type" 	=> "select",
	"std" 	=> "",
	"required" 	=> array('maptype_control', 'not', ''),
	"subtype" => array(
							
		__('ROADMAP',  'avia_framework' ) => '',
		__('SATELLITE',  'avia_framework' ) => 'SATELLITE',
		__('HYBRID',   'avia_framework' ) => 'HYBRID',
		__('TERRAIN',  'avia_framework' ) => 'TERRAIN'),
						
),	

and i do this on line 408:

$first_level = array('hue', 'zoom', 'saturation', 'zoom_control' , 'pan_control', 'maptype_control', 'mapview', 'mobile_drag_control');
	foreach($first_level as $var)
			{
				self::$js_vars[$this->config['shortcode']][$index][$var] = $atts[$var];
			}

but now i realy don’t know what i have to change in shortcode.js

i did this :

this.mapVars = {
	mapMaker: false, //mapmaker tiles are user generated content maps. might hold more info but also be inaccurate
	mapTypeControl: this.$data.maptype_control,
	backgroundColor:'transparent',
	streetViewControl: false,
	panControl: this.$data.pan_control,
	zoomControl: this.$data.zoom_control,
	draggable: mobile_drag,
	scrollwheel: false,
	zoom: zoomValue,
	mapTypeId: google.maps.MapTypeId.(this.$data.mapview),
	center: new google.maps.LatLng(this.$data.marker[0].lat, this.$data.marker[0].long),
	styles:[{featureType: "poi", elementType: "labels", stylers: [ { visibility: "off" }] }]
	};

but it works for the checkbox decision but not for the selectbox

how do i solve it ?
i tried this: on line 543:

_applyMapStyle: function()
	{
		var stylers = [], style = [], mapType;
			
		if(this.$data.hue != "") stylers.push({hue: this.$data.hue});
		if(this.$data.saturation != "") stylers.push({saturation: this.$data.saturation});
                if(this.$data.mapview != "") stylers.push({mapview: this.$data.mapview});

• This topic was modified 9 years, 4 months ago by Yigit.