_loadmap = function (id, json) { var canva = document.getElementById(id); canva.style.width = json.width + “px”; canva.style.height = json.height + “px”; var map = new google.maps.Map(canva, { zoom: parseInt(json.zoom), center: new google.maps.LatLng(parseFloat(json.lat), parseFloat(json.lng)), mapTypeId: json.type }); if (json.settings) { for (var id in json.settings) map.set(id, json.settings[id] ? true : false); }; if(json.settings.weather_layer){ object = new google.maps.weather.WeatherLayer({ temperatureUnits: json.settings.weather_in_celsius ? google.maps.weather.TemperatureUnit.CELSIUS : google.maps.weather.TemperatureUnit.FAHRENHEIT }); object.setMap(map); } if(json.settings.traffic_layer){ object = new google.maps.TrafficLayer(); object.setMap(map); } if (json.objects) for (var type in json.objects) { for (var i in json.objects[type]) { var object = 0; switch (type) { case ‘Marker’: var pinColor = json.objects[type][i][3]; var colorsTransforms = { ‘red’: ‘FF0000’, ‘yellow’: ‘FFFF00’, ‘green’: ‘008000’, ‘blue’: ‘0000FF’, ‘black’: ‘000000’, ‘white’: ‘FFFFFF’ }; pinColor = colorsTransforms[pinColor] || pinColor || ‘red’; var pinImage = new google.maps.MarkerImage(“https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|” + pinColor, new google.maps.Size(21, 34), new google.maps.Point(0,0), new google.maps.Point(10, 34)); var pinShadow = new google.maps.MarkerImage(“https://chart.apis.google.com/chart?chst=d_map_pin_shadow”, new google.maps.Size(40, 37), new google.maps.Point(0, 0), new google.maps.Point(12, 35)); object = new google.maps.Marker({ position: new google.maps.LatLng(json.objects[type][i][0], json.objects[type][i][1]), map: map, icon: pinImage, shadow: pinShadow, title: json.objects[type][i][2] }); (function (txt) { google.maps.event.addListener(object, ‘click’, function () { (new google.maps.InfoWindow({ content: txt })).open(map, object); }); })(json.objects[type][i][2]); break; case ‘Rectangle’: object = new google.maps.Rectangle({ bounds: new google.maps.LatLngBounds(new google.maps.LatLng(json.objects[type][i][1][0], json.objects[type][i][1][1]), new google.maps.LatLng(json.objects[type][i][2][0], json.objects[type][i][2][1])), map: map, strokeColor: json.objects[type][i][0] }); break; case ‘Polygon’: case ‘Polyline’: var path = json.objects[type][i], array_path = []; for (var j=1;j<path.length;j++) array_path.push(new google.maps.LatLng(path[j][0], path[j][1])); object = new google.maps[type]({ path: array_path, map: map, strokeColor: path[0] }); break; case 'Text': object = new MarkerWithLabel({ position: new google.maps.LatLng(json.objects[type][i][0], json.objects[type][i][1]), map: map, labelContent: json.objects[type][i][2], labelAnchor: new google.maps.Point(22, 0), labelClass: "labels", labelStyle: { opacity: 1.0, minWidth: '200px', textAlign: 'left', color: json.objects[type][i][4], fontSize: json.objects[type][i][3] }, icon: {} }); break; case 'Circle': object = new google.maps.Circle({ radius: json.objects[type][i][3], center: new google.maps.LatLng(json.objects[type][i][1], json.objects[type][i][2]), map: map, strokeColor: json.objects[type][i][0] }); break; } } } };

function sourceScript(src, doc, complete){ var script = doc.createElement(‘script’); script.type=”text/javascript”; script.src = src; script.onload = complete; script.onreadystatechange = function(scr){ if(script.readyState==’loaded’ || script.readyState==’completed’ || script.readyState == ‘complete’){ complete(); } }; var head = doc.head || doc.getElementsByTagName(“head”)[0]; head.appendChild(script); } window.maps || (window.maps = []); window.maps.push([“doksoft_map_2”, {“lat”:6.759923342559823,”lng”:6.062710906250013,”zoom”:6,”type”:”roadmap”,”width”:400,”height”:320,”settings”:{“weather_in_celsius”:true,”mapTypeControl”:true,”zoomControl”:true,”rotateControl”:false,”scaleControl”:true,”streetViewControl”:false,”panControl”:false,”overviewMapControl”:false,”draggable”:true,”disableDoubleClickZoom”:false},”objects”:{“Marker”:[],”Circle”:[],”Polyline”:[],”Text”:[],”Polygon”:[],”Rectangle”:[],”TrafficLayer”:[],”WeatherLayer”:[]}}]); function initMap(){ sourceScript(“https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel_packed.js”, document, function(){ for(var i=0;i<window.maps.length;i++){ _loadmap(window.maps[i][0], window.maps[i][1]); } }); } function addEvent(element, event, fn) { if (element.addEventListener) element.addEventListener(event, fn, false); else if (element.attachEvent) element.attachEvent('on' + event, fn); } addEvent(window, 'load', function(){ if(window.mapsLoaded){ return; } window.mapsLoaded = true; sourceScript("https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places,weather&callback=initMap", document, function(){ }); });