CINXE.COM

OVID-19 India Tracker - Coronavirus Cases, Testing Labs, Treatment & Isolation Centres in India

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>OVID-19 India Tracker - Coronavirus Cases, Testing Labs, Treatment & Isolation Centres in India </title> <meta name="description" content="Check State Wise breakdown of Coronavirus cases in India. Search nearby Corona testing, treatment and isolation centres with latest updates."> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="keywords" content="move, map of india, india map, map directions, search nearby, live traffic, maps, map, nearbuy, near me, map location, search location, location, location on map "> <link rel="icon" href="https://about.mappls.com/images/favicon.ico" type="image/x-icon"/> <!-- Bootstrap --> <link rel="stylesheet" media="screen" href="css/style1.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap" rel="stylesheet"> <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="css/theme.css"> <link rel="stylesheet" href="css/theme-elements.css"> <link rel="stylesheet" href="css/theme-animate.css"> <link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css" media="screen"> <link rel="stylesheet" href="css/skins/default.css"> <link rel="stylesheet" href="css/custom.css"> <script src="vendor/modernizr/modernizr.min.js"></script> <link href="css/style2.css?v=2" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.css" rel="stylesheet"> </head> <body> <div class="wrapper"> <script> function callf() { var odooUrl="https://www.mapmyindia.com/api/unset.php"; $.ajax({ type: "POST", url: odooUrl, async: false, data: '', success: function (result) { } }); var formElem=document.getElementById('req_frm'); formElem.submit(); } </script> <script data-obct type = "text/javascript"> /** DO NOT MODIFY THIS CODE**/ !function(_window, _document) { var OB_ADV_ID = '001b441f1ca9f30e1db92ea4ffdfaa974b'; if (_window.obApi) { var toArray = function(object) { return Object.prototype.toString.call(object) === '[object Array]' ? object : [object]; }; _window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID)); return; } var api = _window.obApi = function() { api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments); }; api.version = '1.1'; api.loaded = true; api.marketerId = OB_ADV_ID; api.queue = []; var tag = _document.createElement('script'); tag.async = true; tag.src = '//amplify.outbrain.com/cp/obtp.js'; tag.type = 'text/javascript'; var script = _document.getElementsByTagName('script')[0]; script.parentNode.insertBefore(tag, script); }(window, document); obApi('track', 'PAGE_VIEW'); </script> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap" rel="stylesheet"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5L5G5QB');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5L5G5QB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <input type="hidden" id="odoowidget" value="18"> <form name="req_frm" id="req_frm" method="post" action="https://apis.mappls.com/console?campaign=" target="_blank"> <input type="hidden" id="campaign" name="campaign" value=""> </form> <header id="header" class="header-narrow" data-plugin-options='{"stickyEnabled": true, "stickyEnableOnBoxed": true, "stickyEnableOnMobile": true, "stickyStartAt": 0, "stickySetTop": "0"}'> <div class="header-body"> <div class="header-container container"> <div class="header-row"> <div class="header-column"> <div class="header-logo"> <div class="home"><a href="https://about.mappls.com/"><img src="https://about.mappls.com/api/img/home.png" alt="Back to Home"/></a></div><a href="https://about.mappls.com/api"> <img alt="Mappls" src="https://about.mappls.com/api/img/mapmyindia-api.png"> </a> </div> </div> <div class="header-column"> <div class="header-row"> <div class="header-nav"> <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target="#header-nav-main"> <i class="fa fa-bars"></i> </button> <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse" id="header-nav-main"> <nav> <ul class="nav nav-pills" id="mainNav" > <li class="dropdown"> <a class="dropdown-toggle" > Products </a> <ul class="dropdown-menu"> <li class="dropdown arrow_right" ><a class="dropdown-toggle" href="javascript:void(0)">Mapping APIs & SDKs</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/maps">Maps</a></li> <li><a target="_blank" href="https://about.mappls.com/api/search-and-geocoding">Search & Geocoding</a></li> <li><a target="_blank" href="https://about.mappls.com/api/routes-and-navigation">Routes & Navigation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/navigation-sdk">Navigation SDK</a></li> </ul> </li> <li class="dropdown arrow_right" ><a class="dropdown-toggle" href="javascript:void(0)">Analytics APIs</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/mgis-api">GIS and Analytics APIs</a></li> </ul> </li> <li class="dropdown arrow_right" ><a class="dropdown-toggle" href="javascript:void(0)">Telematics APIs & SDKs</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/mobility-and-tracking">Mobility & Tracking</a></li> <li><a target="_blank" href="https://about.mappls.com/api/workmate">Workmate APIs</a></li> </ul> </li> <li class="dropdown arrow_right" ><a class="dropdown-toggle" href="javascript:void(0)">Mappls apps APIs & SDKs</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/move-api">Mappls Move URLs</a></li> <li><a target="_blank" href="https://about.mappls.com/api/navimaps">NaviMaps SDK APIs</a></li> </ul> </li> <li class="dropdown arrow_right" ><a class="dropdown-toggle" href="javascript:void(0)">Advanced APIs & SDKs</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/global-api">Global APIs</a></li> <li><a target="_blank" href="https://about.mappls.com/api/corona">Combat Covid APIs</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" > SDKs/Libraries </a> <ul class="dropdown-menu"> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Place Search</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-search-plugin">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-places-n-directions-web-sdk/tree/main/placeSearch-plugin">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Place Picker</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-place-picker">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-places-n-directions-web-sdk/tree/main/placePicker-plugin">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Nearby Search</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-nearby-plugin">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-places-n-directions-web-sdk/tree/main/nearbySearch-plugin">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Directions Plugin</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-direction-plugin">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-places-n-directions-web-sdk/tree/main/Directions-plugin">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Vector Map Web SDK</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-vector-maps-js-web-SDK">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Vector Map Android SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/android/vector-maps-sdk">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-android">Download SDK</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Vector Map iOS SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/ios/vector-map-sdk">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-iOS">Download SDK</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Flutter Map SDK</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://github.com/MapmyIndia/flutter-mapmyindia-gl">Documentation</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">React Native Map SDK</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-map-react-native-beta">Documentation</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Mobility & Tracking Android SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/iot-telematics-sdk/intouch-android-sdk">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-intouch-android-sdk">Demo App</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Interactive Maps JS Web SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/interactive-map-api">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-interactive-map-js-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">GeoAnalytics - Mappls JS</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/geoanalytics-web-js/geo-analytics-mapmyindia-js">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-geoanalytics-apis">Demo</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">GeoAnalytics - Listing API</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/geoanalytics-web-js/listingapi">Documentation</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" > Map APIs </a> <ul class="dropdown-menu"> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Still Map Image API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/still-map-image-api">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-still-map-image-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Travelled Route Image API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/travelled-route-api">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-traveled-route-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Vector Map Web SDK</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-vector-maps-js-web-SDK">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Vector Map Android SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/android/vector-maps-sdk">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-android">Download SDK</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Vector Map iOS SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/ios/vector-map-sdk">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-iOS">Download SDK</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Flutter Map SDK</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://github.com/MapmyIndia/flutter-mapmyindia-gl">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">React Native Map SDK</a> <ul class="dropdown-menu"> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-map-react-native-beta">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Interactive Maps JS Web SDK</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/interactive-map-api">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-interactive-map-js-api">Github</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" > Search APIs </a> <ul class="dropdown-menu"> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Autosuggest API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/autosuggest-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-vector-maps-auto-suggest-api-example.php">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-maps-auto-suggest-api-example">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Geocoding API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/geocoding-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-vector-maps-atlas-geocoding-rest-api-example.php">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-maps-geocoding-rest-api-example">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Reverse Geocoding API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/reverse-geocoding-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-vector-maps-reverse-geocoding-rest-api-example.php">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-maps-reverse-geocoding-rest-api-example">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Nearby API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/nearby-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-vector-maps-near-by-api-example.php">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-maps-near-by-api-example">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">eLoc API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/eloc-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-vector-maps-place-details-api-example.php">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-maps-place-details-api-example">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Text Search API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/text-search-api">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-textsearch-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Address Standardisation API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/address-standardization-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/woodpecker_demo/">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-address-standardization-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Elevation API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/elevation-api">Documentation</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">POI Along The Route</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/poi-along-the-route">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-api-poialongtheroute-example">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-poi-along-the-route-api">Github</a></li> </ul> </li> </ul> </li> <li class="dropdown last_right"> <a class="dropdown-toggle" > Route APIs </a> <ul class="dropdown-menu"> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Routing for Passenger vehicles</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/routing-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-route-adv-api-example">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-routing-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Routing API for Two Wheelers </a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/routing-for-two-wheelers">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-route-adv-api-example">Demo</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Routing API for Heavy Vehicles </a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/routing-for-heavy-vehicles">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-route-adv-api-example">Demo</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Routing API for Pedestrians</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/routing-for-pedestrians">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-route-adv-api-example">Demo</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Route Optimisation API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/route-opt">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-route-optimization-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Driving Distance Matrix API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/driving-distance-matrix-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-distance-matrix-api-example">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-distance-matrix-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Distance Matrix with Predictive ETA</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/predictive-distance-matrix-api">Documentation</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-predictive-distance-matrix-api">Github</a></li> </ul> </li> <li class="dropdown arrow_right" > <a class="dropdown-toggle" href="#">Snap to Road API</a> <ul class="dropdown-menu"> <li><a href="https://about.mappls.com/api/advanced-maps/doc/snap-to-road-api">Documentation</a></li> <li><a target="_blank" href="https://about.mappls.com/api/advanced-maps/doc/sample/mapmyindia-maps-snaptoroad-example">Demo</a></li> <li><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-rest-api/tree/master/mapmyindia-snapToRoad-api">Github</a></li> </ul> </li> </ul> </li> <li class="active b_ts-d"><a href="https://apis.mappls.com/console/" target="_blank">Login</a></li><li class="active signup_l b_ts-d" ><a href="https://apis.mappls.com/console/" target="_blank">Start free trial</a></li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </header> </i> </a> <div class="dropdown-menu"> <div class="notificatin_bar clearfix"> <h3 class="pull-left">Notification</h3> <a class="pull-right all" href="#">All <i class="fa fa-angle-right"></i></a> </div> <!--<div class="see_clear clearfix"> <a class="pull-left" href="#">See All</a> <a class="pull-right" href="#">Clear <i class="fa fa-trash-o"></i></a> </div>--> </div> </div></li></ul> </div></div> </div> </nav> </section> <div class="top-ban"><a href="https://maps.mapmyindia.com/corona" target="_blank"><div class="heading-ban">See the Mappls COVID-19 Guide live in action. Click here →</div></a></div> <section><div class="container"> <div class="inner_con-t"> <div class="col-width150"> <div class="toggle_closeopen_t" title="This is my tooltip" style="top:114px;"><span></span><span></span><span></span></div> <div class="Menusideright topleftmenufixed longEnough mCustomScrollbar" data-mcs-theme="dark" style="height: 574px;"> <ul class="treeview" id="allsubmenu"> <div class="subth">COVID-19 Info</div> <div class="hitarea expandable-hitarea"></div> <li class="" ><a class="act1 links_ul links" href="#mapmyindia-nearby-covid-places" style="color: #000;">Nearby Covid Places<div class="free">FREE</div></a></li> <li class="ParentSub" ><a class="act1 links_ul links" href="javascript:void(0)" style="color: #000;">COVID Dashboards <div class="free">FREE</div></a><i class="togelB"></i> <ul class="childMenu"> <li class="active"><a class="act1 links_ul links" href="#Embed-Corona-Information">Embed Corona Information </a></li> <li class=""><a class="act1 links_ul links" href="#State-wise-corona-cases">State Wise Corona Cases </a></li> <li class=""><a class="act1 links_ul links" href="#Corona-Treatment-Centres">Corona Treatment Centres</a></li> <li class=""><a class="act1 links_ul links" href="#Corona-Testing-Labs">Corona Testing Labs</a></li> <li class=""><a class="act1 links_ul links" href="#Corona-Sample-Collection-Centres">Corona Sample Collection Centres</a></li> <li class=""><a class="act1 links_ul links" href="#Corona-Isolation-Centres">Corona Isolation Centres</a></li> <li class=""><a class="act1 links_ul links" href="#Relief-Camps-for-Migrant-Workers">Relief Camps for Migrant Workers | Source NDMA</a></li> <li class=""><a class="act1 links_ul links" href="#Delhi-Government-Ration-Shops">Delhi Government Ration Shops</a></li> <li class=""><a class="act1 links_ul links" href="#containment-zones">Containment Zones</a></li> <li class=""><a class="act1 links_ul links" href="#District-Containment-Zone">District Containment Zone</a></li> <li class=""><a class="act1 links_ul links" href="#Food-Shelter-Homes">Food & Shelter Homes</a></li> <li class=""><a class="act1 links_ul links" href="#Hunger-Relief-Centres">Hunger Relief Centres</a></li> <li class=""><a class="act1 links_ul links" href="#Corona-Lockdown-Issues">Corona Lockdown Issues</a></li> <li class=""><a class="act1 links_ul links" href="#Graphical-Representation">Coronavirus in India: Graphical Representation</a></li> <li class=""><a class="act1 links_ul links" href="#Custom-View">Custom View</a></li> <li class=""><a class="act1 links_ul links" href="#Regional-Granularity">Regional Granularity</a></li> <li class=""><a class="act1 links_ul links" href="#Safety-Check">Safety Check <div class="free">NEW</div></a></li> <li class=""><a class="act1 links_ul links" href="#FAQ-about-Covid-19">FAQs about Covid-19</a></li> </ul> </li> <li class=""><a class="act1 links_ul links" href="#websdk" style="color: #000;">COVID Layer Plugin (Web SDK)</a></li> <li class=""><a class="act1 links_ul links" href="#mobile-sdk" style="color: #000;">COVID Safety Plugin (Mobile SDK)</a></li> <li class="" style="margin-bottom:30px;"><a class="act1 links_ul links" href="#safety-alert-web-sdk" style="color: #000;">COVID Safety Alert (web SDK)</a></li> </ul> </div> </div> <div class="innerBox_100p"> <div class="container_inner"> <div class="row"> <div class="col-md-12 coronavirus"> <div id="mapmyindia-nearby-covid-places"></div> <h1>Nearby COVID Vaccine Centres, Hospitals etc Search Widget</h1> <p>This is an easy & FREE to integrate Nearby COVID Places Search (such as Vaccine Centres, Hospitals, Testing Centres, Isolation Centres etc) Widget by MapmyIndia. </p> <p>Every person can benefit from being able to easily find nearby COVID vaccination centres, hospitals, testing centres etc - see them on a map, get directions, and get more information about them.</p> <p>We at Mappls are continuously updating the database of COVID-related places, such as vaccine centres, treatment centres/hospitals, containment zones, testing centres, isolation centres etc. This is the most comprehensive pan India covid related map database, and we've released it for free through our Mappls Move app (mapmyindia.com/move) and Mappls Maps portal (maps.mapmyindia.com) and Mappls Corona guide (maps.mapmyindia.com/corona).</p> <p>We're helping ANY website or app developer to easily integrate this information, as a FREE widget, for the benefit of your users and visitors.</p> <p>The widget can be used to search for vaccination centres, testing centres, sample collection centres, treatment centres, quarantine centres and micro containment zones across India.</p> <div class="pb-3"><img src="img/mapmyindia-nearby.gif" alt="Nearby COVID Vaccine Centres, Hospitals etc Search Widget (FREE)"/></div> <h3>3 Step process to integrate Nearby COVID Places widget in any Web App</h3> <div style="padding-left: 20px"> <h4>1. Step 1</h4> <p>Inside the section of HTML of web page, define a div into which the nearby COVID places widget from Mappls needs to be loaded.</p> <div class="code1"> <pre> &lt;div id=“nearby-covid-places-mapmyindia”>&lt;/div&gt; </pre> </div></div> <div style="padding-left: 20px"><h4>2. Step 2</h4> <p>Inside the section of HTML of web page, or wherever else you find more suitable, include the following Mappls javascript code.</p> <div class="code1"> <pre> &lt;script src=“https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js”&gt;&lt;/script&gt; </pre> </div> </div> <div style="padding-left: 20px"><h4>3. Step 3</h4> <p>To load up the nearby COVID places widget from MapmyIndia, call the following javascript code AFTER the Mappls javascript file (as defined in step 2) has loaded.</p> <div class="code1"> <pre>loadNearbyCovidCentresMapmyIndiaDiv(document.getElementbyId(“nearby-covid-places-mapmyindia”));</pre> </div> </div><br> <p><strong>That’s it - all done!</strong></p> <p>On reloading your web page after integrating the code -</p> <ol> <li>You should see a Mappls Map on left, search box on top right, and based on current location the nearest COVID places in right panel.</li> <li>The first time the code loads, the user may be prompted to share current location to browser so that the map and search results can be localised to the user</li> <li>User can type into search box, any place of his/her interest, and as he/she types, suggested search results will get populated. Upon clicking of any, new map location with markers of the nearby COVID places, and search results in the panel will get updated.</li> <li>In the search results panel (and on clicking a marker on the map) - details of the COVID places will show up AND a ‘Get Directions’ button will be there, clicking on which user will be directed to the the directions page (external link).</li> </ol> <div class="code1"> <strong><pre>loadNearbyCovidCentresMapmyIndiaDiv() Method</pre> </strong> </div><h4>Required Parameters</h4> <ol><li><span style="background: #f0f0f0;">divID:</span> This is a mandatory parameter which allows the widget to recognise the div where the content of the widget is to be loaded.</li></ol> <h4>Optional Parameters</h4> <ol><li> <strong>Params</strong>: <ul><li> css(string): css' absolute URL as per the design of the target web app. This is ONLY required if and only if the target app wishes to over-ride the default css which is implicitly part of the plugin. NOT RECOMMENDED TO CHANGE. Please change only if absolutely necessary.</li></ul> </li></ol> <h3>Sample Code</h3> <div class="code1 code_list"> <code> &lt;html&gt;</code> <code> &lt;head&gt;</code> <code> &lt;!-- Include the following Mappls javascript code into your webpage --&gt;</code> <code> &lt;script src="https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js"&gt;&lt;/script&gt;</code> <code> &lt;/head&gt;</code> <code> &lt;body&gt;</code> <code> &lt;!-- define the div into which the nearby COVID places widget from Mappls needs to be loaded --&gt; </code> <code> &lt;div id="nearby-covid-places-mapmyindia"&gt;&lt;/div&gt;</code> <code> &lt;!-- call the following code AFTER the Mappls javascript file has loaded --&gt; </code> <code> &lt;script type="text/javascript"&gt;</code> <code> loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"));</code> <code> &lt;/script&gt;</code> <code> &lt;/body&gt;</code> <code> &lt;/html&gt;</code> </div> <h3>How to customize CSS to match the style of the plugin with your web app</h3> <h4>Sample CSS</h4> <p><strong>(change NOT recommended)</strong></p> <div class="code1 code_list"> <pre> https://maps.mapmyindia.com/covid-places/css/custom.css</pre> </div> <p>To be passed as</p> <br> <div class="code1 code_list"> <pre>loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"),{css:"https://maps.mapmyindia.com/covid-places/css/custom.css"});</pre> </div> <h2>How to Search for Different Categories of COVID Places</h2> <p>The Nearby COVID Places Widget already has the capabilities to search for not only nearby vaccination centres, but other important COVID places as well. To search for other categories of COVID places, a simple additional parameter in the script URL of the widget enables you to specify which category you want the widget to search for. </p> <h3>Sample Search for Corona Treatment Centres</h3> <h4>Script URL</h4> <div class="code1 code_list"> <pre>&lt;script src="https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js?category=HSPTMT"&gt;&lt;/script&gt;</pre> </div> <h4>Sample </h4> <div class="code1 code_list"><pre> &lt;html&gt;</pre> <pre>&lt;head&gt;</pre> <pre> &lt;!-- Include the following Mappls javascript code into your webpage --&gt;</pre> <pre> &lt;script src="https://maps.mapmyindia.com/covid-places/showNearbyCovidPlacesOnMap.js?category=HSPTMT"&gt;&lt;/script&gt;</pre> <pre>&lt;/head&gt;</pre> <pre>&lt;body&gt;</pre> &lt;!-- define the div into which the nearby COVID places widget from Mappls needs to be loaded --&gt; </pre> <pre>&lt;div id="nearby-covid-places-mapmyindia"&gt;&lt;/div&gt;</pre> &lt;!-- call the following code AFTER the Mappls javascript file has loaded --&gt; </pre> <pre> &lt;script type="text/javascript"&gt;</pre> <pre> loadNearbyCovidCentresMapmyIndiaDiv(document.getElementById("nearby-covid-places-mapmyindia"));</pre> <pre> &lt;/script&gt;</pre> <pre>&lt;/body&gt;</pre> <pre>&lt;/html&gt;</pre> </div> <h3>Other Samples for COVID Nearby Places</h3> <p>Read the following <a href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories" target="_blank">Wiki</a> article to see more sample of how to search for other types of COVID places using the Nearby Search Widget. </p> <h2>How to Embed the Widget as an iFrame</h2> <p>The most important thing to remember while embedding this widget in an iFrame is that, an iFrame by default, does NOT allow for geolocation access. This means that the widget won't get the current location of the user of the web page to allow searching for COVID places near his location.</p><p> To overcome this, please ALWAYS add attribute of allowing geolocation in the iFrame tag as follows:</p> <h3>Sample for iFrame embedding of Nearby COVID Places Widget</h3> <div class="code1 code_list"><pre> &lt;iframe width="100%" height="100%" src="https://maps.mapmyindia.com/covid-places/embed?category=HSPVCC" allow="geolocation" &gt; &lt;/iframe&lt; </pre></div> <h3 style="padding-bottom: 20px">Native Webview</h3> <p><strong>The same URL can also be used for Native WebView implmentation of the Nearby COVID Places Widget.</strong> </p> <h2>Appendix: COVID Places Categories Supported</h2> <table class="table table-bordered"> <thead> <tr> <th>Category Code</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories#sample-search-for-corona-vaccination-centres">HSPVCC</a></td> <td>Corona Vaccination Centres</td> </tr> <tr> <td><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories#sample-search-for-corona-testing-centres">HSPTST</a></td> <td>Corona Testing Centres</td> </tr> <tr> <td><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories#sample-search-for-corona-treatment-centres">HSPTMT</a></td> <td>Corona Treatment Centres</td> </tr> <tr> <td><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories#sample-search-for-corona-quarantine-centres">HSPCOV</a></td> <td>Corona Quarantine Centre</td> </tr> <tr> <td><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories#sample-search-for-corona-sample-collection-centres">HSPSCC</a></td> <td>Corona Sample Collection Centre</td> </tr> <tr> <td><a target="_blank" href="https://github.com/MapmyIndia/mapmyindia-nearby-covid-places/wiki/Samples-For-Searching-More-Covid-Categories#sample-search-for-corona-micro-containment-zones">CNTZON</a></td> <td>Corona Micro Containment Zones</td> </tr> </tbody> </table> <br> <div id="Embed-Corona-Information"></div> <h2>Embed Corona Information Dashboard Links onto your Website/ App</h2> <h2>Easily integrate & inform your users !</h2> <h3>Introduction</h3> <p>In the current scenario, where social distancing is paramount, technology is playing a key role in maintaining daily communication and information transfer. Mappls is serving individuals, companies and the government alike, to spread critical information related to COVID-19 through <strong>deeply informative</strong>, useful and <strong>free-to-integrate</strong> geo-visualized COVID-19 dashboards, map search guides, and reporting tools, powered by Move.</p> <p>Simply plug these easy-to-integrate and rich dashboards into your applications or websites, and offer a seamless information experience to your users. Join Mappls' small contribution towards making a safe and informed India, and help alleviate everyone out of this unprecedented crisis.</p> <h2>Dashboards Available for Integration</h2> <div id="State-wise-corona-cases"></div> <h4 >State Wise Corona Cases</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/stateWise.png" alt="State Wise"/></div> <div class="pb-2"><img class="mobile" src="images/stateWise.jpg" alt="State Wise"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona">https://maps.mapmyindia.com/corona</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona</span>" &gt;&lt;/ iframe&gt;</div> </div> <div id="Corona-Treatment-Centres"></div> <h4>Corona Treatment Centres </h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/treatmentCenters.png" alt="Treatment Centres"/></div> <div class="pb-2"><img class="mobile" src="images/treatmentCenters-mobile-app.jpg" alt="Treatment Centres"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?corona_treatment_centre">https://maps.mapmyindia.com/corona?corona_treatment_centre</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?corona_treatment_centre</span>" &gt; &lt;/iframe &gt;</div> </div> <div id="Corona-Testing-Labs"></div> <h4>Corona Testing Labs </h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/testinglab.png" alt="Testing Lab"/></div> <div class="pb-2"><img class="mobile" src="images/testinglab-mobile-app.jpg" alt="Testing Lab"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?corona_testing_centre">https://maps.mapmyindia.com/corona?corona_testing_centre</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?corona_testing_centre</span>" &gt; &lt;/iframe &gt;</div> </div> <div id="Corona-Sample-Collection-Centres"></div> <h4>Corona Sample Collection Centres </h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/sampleCollectionCenter.png" alt="Sample Collection Center"/></div> <div class="pb-2"><img class="mobile" src="images/sampleCollectionCenter-mobile-app.jpg" alt="Sample Collection Center"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?corona_sample_collection_centre">https://maps.mapmyindia.com/corona?corona_sample_collection_centre</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt; iframe src="<span>https://maps.mapmyindia.com/corona?corona_sample_collection_centre</span>" &gt; &lt;/iframe&gt;</div> </div> <div id="Corona-Isolation-Centres"></div> <h4>Corona Isolation Centres </h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/isolationCenters.png" alt="Isolation Centres"/></div> <div class="pb-2"><img class="mobile" src="images/isolationCenters-mobile-app.jpg" alt="Isolation Centres"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?corona_isolation_ward">https://maps.mapmyindia.com/corona?corona_isolation_ward</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?corona_isolation_ward</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Relief-Camps-for-Migrant-Workers"></div> <h4>Relief Camps for Migrant Workers | Source NDMA</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/reliefCamps.png" alt="Relief Camps"/></div> <div class="pb-2"><img class="mobile" src="images/reliefCamps.jpg" alt="Relief Camps"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?relief_centers_ndma">https://maps.mapmyindia.com/corona?relief_centers_ndma</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1"> &lt;iframe src="<span>https://maps.mapmyindia.com/corona?relief_centers_ndma</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Delhi-Government-Ration-Shops"></div> <h4>Delhi Government Ration Shops</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/delhi-government-ration-shops.png" alt="Delhi Government Ration Shops"/></div> <div class="pb-2"><img class="mobile" src="images/delhi-government-ration-shops-for-mobile.jpg" alt="Delhi Government Ration Shops"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?government_ration_distribution">https://maps.mapmyindia.com/corona?government_ration_distribution</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1"> &lt;iframe src="<span>https://maps.mapmyindia.com/corona?government_ration_distribution</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="containment-zones"></div> <h4>Containment Zones</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/containment-zone.png" alt="Containment Zones"/></div> <div class="pb-2"><img class="mobile" src="images/containment-zone-mobile.png" alt="Containment Zones"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?containment_zone_gradient">https://maps.mapmyindia.com/corona?containment_zone_gradient</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1"> &lt;iframe src="<span>https://maps.mapmyindia.com/corona?containment_zone_gradient</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="District-Containment-Zone"></div> <h4>District Containment Zone</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/district-containment-zone.png" alt="District Containment Zone"/></div> <div class="pb-2"><img class="mobile" src="images/district-containment-zone-mobile.jpg" alt="District Zone"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?districts_containment_zone">https://maps.mapmyindia.com/corona?districts_containment_zone</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1"> &lt;iframe src="<span>https://maps.mapmyindia.com/corona?districts_containment_zone</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Food-Shelter-Homes"></div> <h4>Food & Shelter Homes</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/foodShelterHomes.png" alt="Food & Shelter Homes"/></div> <div class="pb-2"><img class="mobile" src="images/foodShelterHomes.jpg" alt="Food & Shelter Homes"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?food-shelter-homes">https://maps.mapmyindia.com/corona?food-shelter-homes</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?food-shelter-homes</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Hunger-Relief-Centres"></div> <h4>Hunger Relief Centres</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/hungerReliefCentres.png" alt="Hunger Relief Centres"/></div> <div class="pb-2"><img class="mobile" src="images/hungerReliefCentres.jpg" alt="Hunger Relief Centres"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?hunger-relief-centers">https://maps.mapmyindia.com/corona?hunger-relief-centers</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1"> &lt;iframe src="<span>https://maps.mapmyindia.com/corona?hunger-relief-centers</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Corona-Lockdown-Issues"></div> <h4>Corona Lockdown Issues</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/coronaLockdownIssues.png" alt="Corona Lockdown Issues"/></div> <div class="pb-2"><img class="mobile" src="images/coronaLockdownIssues.jpg" alt="Corona Lockdown Issues"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?issues-nearby">https://maps.mapmyindia.com/corona?issues-nearby</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?issues-nearby</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Graphical-Representation"></div> <h4>Coronavirus in India: Graphical Representation</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/graph-dashboard.png" alt="Graphical Representation"/></div> <div class="pb-2"><img class="mobile" src="images/graph-dashboard-mobile.jpg" alt="Graphical Representation"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/covid-19?graph">https://maps.mapmyindia.com/covid-19?graph</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/covid-19?graph</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Custom-View"></div> <h4>Custom View: now with Lat/Long and Zoom Level</h4> <p>All our dashboard URLs now accept values to be passed in two parameters - <strong>Lat/Long and Zoom Level</strong>.<br> Now, pass these two parameters in your calls to open <strong>custom views</strong> of the dashboards at a predefined location (lat/long) and zoom level of your choice.</p> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/custom-view.jpg" alt="Custom View"/></div> <div class="pb-2"><img class="mobile" src="images/custom-view-mobile.jpg" alt="Custom View"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?lat=26.8749616&lng=75.7361819&zoom=9">https://maps.mapmyindia.com/corona?lat=26.8749616&lng=75.7361819&zoom=9</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?lat=26.8749616&lng=75.7361819&zoom=9</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Regional-Granularity"></div> <h4>Filter Layers according to States / Districts / UTs</h4> <p>The new filter controls allow each Covid-19 layer available on Mappls dashboard to be filtered to a more granular level till state/UT or district levels.</p> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/state.jpg" alt="Regional Granularity"/></div> <div class="pb-2"><img class="mobile" src="images/state-mob.jpg" alt="Regional Granularity"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona/Delhi?state_corona_stats">https://maps.mapmyindia.com/corona/Delhi?state_corona_stats</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona/Delhi?state_corona_stats</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="Safety-Check"></div> <h4>Safety Check</h4> <p>Find out how far you are from the nearest containment zone.</p> <div class="introduction">Dashboard Image</div> <div class="pb-3" style="float: left">Input screen<br> <img class="mobile" src="images/safety-plugin.jpg" alt="Safety Plugin"/> </div> <div class="pb-3" style="float: left; padding-left: 20px">Output screen<br> <img class="mobile" src="images/safety-check.gif" alt="Safety Check"/></div> <div class="clear"></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/corona?safety_alert">https://maps.mapmyindia.com/corona?safety_alert</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/corona?safety_alert</span>"&gt;&lt;/iframe&gt;</div> </div> <div id="FAQ-about-Covid-19"></div> <h4>FAQs about Covid-19</h4> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/faq.png" alt="frequently ask question"/></div> <div class="pb-2"><img class="mobile" src="images/faq-mobile.jpg" alt="frequently ask question"/></div> <div class="embed"> <h5>How to embed</h5> <p class="marginp">See the dashboard <a href="https://maps.mapmyindia.com/covid19/faq/">https://maps.mapmyindia.com/covid19/faq/</a></p> <div class="see-dasboard">Embed within your<span>iframe</span> as follows</div> <div class="code1">&lt;iframe src="<span>https://maps.mapmyindia.com/covid19/faq/</span>"&gt; &lt;/iframe&gt;</div> </div> <div id="websdk"></div> <h4>COVID Layer Plugin (Web SDK) </h4> <p> This plug-in allows one to render corona layers, being offered to customers as JS based plugin to overlay on top of Mappls Raster Maps for Web. The plugin is an integral part of our Maps SDK for Web and the base maps will always be Mappls' if this plugin is used. <br> </p> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/web-sdk.jpg" alt="Custom View"/></div> <div class="embed"> <p class="marginp">See the Documentation: <a href="https://github.com/MapmyIndia/mapmyindia-interactive-map-js-api/tree/master/12-mapmyindia-maps-api-covidLayers-plugin-example" target="_blank">https://github.com/MapmyIndia/mapmyindia-interactive-map-js-api/tree/master/12-mapmyindia-maps-api-covidLayers-plugin-example</a></p> </div> <div id="mobile-sdk"></div> <h4>COVID Safety Plugin (Mobile SDK)</h4> <p>Mappls Safety Plugin will alert when a user is in or near to a containment zone. If an app, with Mappls Safety plugin integrated, is running on a phone, Mappls Safety plugin will push a local notification when the user goes in or near to the containment zone, which can be seen from the notification panel. </p> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img class="mobile" src="images/mobile-sdk.jpg" alt="COVID Safety Plugin"/></div> <div class="embed"> <h5>Documentation: </h5> <p class="marginp">Android Documentation: <a href="https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-android/wiki/MapmyIndia-Safety-Plugin" target="_blank">https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-android/wiki/MapmyIndia-Safety-Plugin </a></p> <p class="marginp">iOS Documentation: <a href="https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-iOS/wiki/MapmyIndia-Safety-Plugin" target="_blank"> https://github.com/MapmyIndia/mapmyindia-maps-vectorSDK-iOS/wiki/MapmyIndia-Safety-Plugin </a></p> </div> <div id="safety-alert-web-sdk"></div> <h4>COVID Safety Alert (web SDK)</h4> <p>Mappls Safety Alert as a JS plugin for use with our Web SDK. </p> <div class="introduction">Dashboard Image</div> <div class="pb-3"><img src="images/covid-safety-plugin.jpg" alt="COVID Safety Alert (web SDK)"/></div> <div class="embed"> <p class="marginp">See the Documentation: <a href="https://github.com/MapmyIndia/mapmyindia-interactive-map-js-api/tree/master/13-mapmyindia-maps-api-covidSafetyWidget-example" target="_blank">https://github.com/MapmyIndia/mapmyindia-interactive-map-js-api/tree/master/13-mapmyindia-maps-api-covidSafetyWidget-example </a></p> <p class="marginp">Live demo: <a href="https://www.mapmyindia.com/api/advanced-maps/doc/sample/safetycheck" target="_blank"> https://www.mapmyindia.com/api/advanced-maps/doc/sample/safetycheck </a></p> </div> <p></p> <p></p> <h4 class="pt-3 ">#STAYSAFE</h4> <p>If you wish to use some other map APIs or want a customized solution, please check out </p> <p class="marginp pb-5"><a href="https://www.mapmyindia.com/api">www.mapmyindia.com/api</a></p> </div> </div> </div> </div> </div> </div> </section> <section class="coronapadi"> <div class="container"> <div class="text-center introduction pb-2"><strong>For any queries and support, please contact</strong>:</div> <div class="row"> <div class="col-md-3 text-center pb-3"><img src="images/email-us.png" alt=""> <div class="api_stack">Email us at </div> <div class="api_stacksub"><a href="mailto:apisupport@mappls.com">apisupport@mappls.com</a></div> </div> <div class="col-md-3 text-center pb-3"><img src="images/stack-overflow.png" alt="MapmyIndia"> <div class="api_stack"><a href="https://stackoverflow.com/questions/tagged/mapmyindia-api" target="_blank">Stack Overflow</a></div> <div class="api_stacksub">Ask a question under the mapmyindia-maps</div> </div> <div class="col-md-3 text-center pb-3"><img src="images/blog.png" alt="Mappls Blog"> <div class="api_stack"><a href="http://www.mapmyindia.com/blog/" target="_blank">Blog</a></div> <div class="api_stacksub">Read about the latest updates &amp; customer stories</div> </div> <div class="col-md-3 text-center"><img src="images/support.png" alt="Mappls Support"> <div class="api_stack"><a href="https://www.mapmyindia.com/api/#f_cont">Support</a></div> <div class="api_stacksub">Need support? contact us!</div> </div> </div> </div> </section> </div> <div class=" coronavirus_form"> <!-- <div class="disPlLoaderS"><div class="loader"></div></div>--> <div class="close_btn" onclick="$(this).parent().toggleClass('active')"><span >⟫</span> </div> <div class="formsubscribe "> <h2>Be The First To know</h2> <div class="email-text">As we continuously add embeddable tools, maps, and widgets for you to integrate. </div> <div style="height:20px;"> <div id="alerts" class="alerts"></div> <div id="alertmsg" class="alert1"></div> </div> <form method="post" id="frmpm" action=""> <div class="form-group"> <input type="email" id="email" name="Email" placeholder="Enter Your Email ID" class="form-control"> </div> <div class="form-group text-left"> <a class="btn btn-primary" href="javascript:void(0);" onclick="contactapi()">Submit</a> </div> </form> </div> </div> </div> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/bootstrap-4.0.0.js"></script> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery.appear/jquery.appear.min.js"></script> <script src="vendor/jquery.easing/jquery.easing.min.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <script src="vendor/common/common.min.js"></script> <script src="vendor/vide/vide.min.js"></script> <!-- Theme Base, Components and Settings --> <script src="js/theme.js"></script> <!-- Current Page Vendor and Views --> <script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <script src="js/views/view.home.js"></script> <!-- Theme Custom --> <script src="js/custom.js"></script> <!-- Theme Initialization Files --> <script src="js/theme.init.js"></script> <script type="text/javascript" src="js/jquerynew.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.concat.min.js"></script> <div id="f_cont"></div> <div id="alert" ></div> <style> @media (max-width:740px){ .social-icons {display: block!important; padding-top: 15px; text-align: center; margin: 0; padding: 20px 0 0;} #wsa_image_dock{display: none !important;} .footer_section .heading-primary.heading-sub{padding-top: 30px;} } .footer_section .btn.btn-primary { color: #fff; cursor: pointer; background-color: #007bff; border-color: #007bff; } .footer_section .btn { display: inline-block; padding: 7px 12px; margin-bottom: 0; font-size: 13px; } .footer_section #footer .social-icons li a{margin-bottom: 0px !important;} .footer_section label { color: #eeeeee; display: inline-block; margin-bottom: 5px; max-width: 100%; } .footer_section #footer .social-icons { display: block; list-style:none; } .footer_section #footer .social-icons li{ display: inline-block; } .footer_section #footer .social-icons li a{ color: #FFF; text-align: center; display: block; opacity: 1; background: #fff; border-radius: 100%; width:25px; height: 25px; text-align: center; opacity: 0.7; margin:0px 2px 15px 2px; padding: 5px; } .footer_section #footer .list.list-icons li{ list-style: none; } .footer_section #footer .social-icons li i.fa { vertical-align: top; color: #0a2a39; vertical-align: top; } .footer_section #footer .list li { margin-bottom: 8px; line-height: 20px; position: relative; } .footer_section .list.list-icons.list-icons-style-3 li { padding-top: 5px; padding-left: 36px; min-height: 30px; display: block; } .list.list-icons li .fa, .footer_section #footer .list.list-icons li .icons { position: absolute; left: 0; top: 3px; } .footer_section #footer .list.list-icons{ padding: 0px; margin: 0px; } .footer_section #footer .list.list-icons .fa{ color: #0a2a39; line-height:16px; text-align: center; display: inline-block; opacity: 1; background: #c6dde9; border-radius: 100%; width:25px; height: 25px; text-align: center; margin:0px 15px 15px 2px; padding: 5px; } .footer_section #footer .social-icons li i.fa{ color: #0a2a39; } .footer_section #footer .social-icons li:hover a{ opacity: 1; } #footer { font-size: 12px; color: rgba(255,255,255,0.8); } #footer a{ color:#e1f4fd } #footer a:hover{ color: #fff; } #footer { background: #0a2a39 url(img/footer-bg.jpg)no-repeat top !important; border-top: 0px solid #212121; font-size: 13px; margin-top: 1px; padding:30px 0 0px; position: relative; clear: both; } #footerb { background: #001a37; font-size: 13px; padding: 10px 0 10px; } .scroll-to-top { background: #404040 none repeat scroll 0 0; border-radius: 7px 7px 0 0; bottom: 0; color: #fff; display: block; height: 9px; min-width: 49px; opacity: 0; padding: 13px 10px 35px; position: fixed; left: 10px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; z-index: 1040; width:49px; } input::placeholder { color: red; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink; } ::-moz-placeholder { /* Firefox 19+ */ color: pink; } :-ms-input-placeholder { /* IE 10+ */ color: pink; } :-moz-placeholder { /* Firefox 18- */ color: pink; } .contact { background: #faf9f9 !important; border-bottom:none !important; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #333; padding: 11px 16px; } .heading-con { font-size:28px; font-weight: 500; line-height: 42px; margin: 0 0 3px 0; } .heading-sub { font-size:1.8em; } footer{ padding:15px 0px; } footer .form-control:focus { content: ""; background: none; border-bottom-color: hsla(185,21%,77%,1.00) ; color:#fff; } footer .form-control{ transition: all 0.5s ease-in-out 0s; border: none; background: rgba(0,0,0,0.0); padding: 8px 5px; border: hsla(185,21%,77%,0.5) 1px solid; border-radius: 0px; margin-bottom: 16px; height: auto; box-shadow: inset 0 1px 1px rgba(0,0,0,.0); font-size: 13px; } #footer .form-control::placeholder { color: #c9d3dc; opacity: 1; } html .heading-primary, html .lnk-primary, html .text-color-primary { } #footer .container .row > div.boxListingbox { padding-bottom: 0px; margin-bottom: 0px; } #footer *{ font-weight:400; } #footer ul li,#footer ul li a{ font-size: 12px; color: rgba(255,255,255,0.8) } #alert{ font-size:13px; display: none; padding:20px 5px 20px 5px; text-align:center; border:1px solid #FFC74D; border-radius:2px; background:#FFFFCC; top:0; left:0%; right:0%; position:fixed; z-index:99999999999; } .footer_section{ position: relative; z-index: 1; } .footer_section .form-control{color:rgba(255,255,255,0.8);} .footer_section select.form-control option{color:#000;} </style> <div class="footer_section"> <footer class="short" id="footer" style="background: #0a2a39"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-8"> <h4 class="heading-primary heading-sub " style=" margin-top: 0px; display: block;width: 100%; color: #fff; padding-bottom: 20px; "><strong>Contact</strong> Us</h4> </div> <div class="col-md-12"> <form id="contactForm" action="php/contact-form.php" method="POST"> <div class="row"> <div class="col-md-6"> <!-- <label><i class="fa fa-user" aria-hidden="true"></i> </label>--> <input type="text" value="" placeholder="Your name*" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name" required> </div> <div class="col-md-6"> <!-- <label><i class="fa fa-envelope-o" aria-hidden="true"></i> Email ID</label>--> <input type="text" value="" placeholder="Email ID*" data-msg-required="Please enter your email address." maxlength="100" class="form-control" name="emailf" id="emailf" required> </div> </div> <div class="row"> <div class="col-md-6"> <input type="text" value="" placeholder="Phone no*" data-msg-required="Please enter your phonr no." maxlength="100" class="form-control" name="phone" id="phone" required> <!-- <label><i class="fa fa-map-marker" aria-hidden="true"></i> City</label>--> <input type="text" value="" placeholder="City*" data-msg-required="Please enter your city name." maxlength="100" class="form-control" name="city" id="city" required> <!-- <label><i class="fa fa-building-o" aria-hidden="true"></i> Company</label>--> <input type="text" placeholder="Company" value="" data-msg-required="Please enter your company name." maxlength="100" class="form-control" name="company" id="company" required> </div> <div class="col-md-6"> <select id="interest" name="interest" maxlength="100" class="form-control"> <option value="Enterprise Sales Enquiry">Enterprise Sales Enquiry</option> <option value="Consumer Sales Enquiry">Consumer Sales Enquiry</option> <option value="Support Request & Feedback">Support Request & Feedback</option> <option value="Other Enquiry">Other Enquiry</option> </select> <textarea maxlength="500" placeholder="Message" data-msg-required="Please enter your message." rows="2" class="form-control" name="message" id="message" required></textarea> </div> </div> <div class="row"> <div class="col-md-12" > <a class="btn btn-primary mb-xlg" onClick="contact()">Send Message &raquo;</a> </div> </div> </form> </div> </div> </div> <div class="col-md-6 "> <div class="row"> <h4 class="heading-primary heading-sub " style="display: block;width: 100%; color: #fff; padding-left: 30px; padding-bottom: 20px; "><strong>Head Office</strong></h4> <div class="col-md-6 boxListingbox"> <ul class="list list-icons list-icons-style-3 " style=" color:#e0e0e0"> <li><i class="fa fa-building"></i><strong>Company Name:</strong> CE Info Systems Pvt. Ltd. eLoc: (<a href="http://eLoc.me/MMI000" style="color:#047cc8!important" target="_blank">MMI000</a>)</li> <li><i class="fa fa-user"></i> <strong>Contact Person:</strong> Anuj Jain</li> <li><i class="fa fa-phone"></i><strong>Customer Support</strong>: <a href="tel:+91-9999-333-223">+91-9999-333-223</a></li> <li><i class="fa fa-envelope"></i> <strong>Email ID:</strong> <a href="mailto:apisupport@mappls.com">apisupport@mappls.com</a> </li> </ul> </div> <div class="col-md-6 boxListingbox"> <ul class="list list-icons list-icons-style-3 " style=" color:#e0e0e0"> <li><i class="fa fa-registered"></i><strong>CIN No.:</strong> U74899DL1995PTC065551</li> <li><i class="fa ft-gst" style="font-size:9px;">GST</i><strong>GST No.:</strong> 07AAACC5585B1ZW</li> <li><i class="fa fa-phone"></i><strong>Board line:</strong><a href="tel:+91-11-4600-9900"> +91-11-4600-9900 </a></li> <li><i class="fa fa-map-marker"></i> <strong>Registered office:</strong> 237, Okhla Industrial Estate, Phase 3 , New Delhi - 110020</li> </ul> </div> </div> </div> </div> </div> <section id="footerb"> <div class="container" ><div class="row" > <div class="col-md-9"><span style="color:#a5a4a4">&#64; Copyright <span id="copyright">2025</span> CE Info Systems Pvt. Ltd. All Rights Reserved.</span><br> <a href="http://www.mapmyindia.com/about/terms-conditions">Terms &amp; Conditions</a> | <a href="http://www.mapmyindia.com/about/privacy-policy">Privacy Policy</a> | <a href="http://www.mapmyindia.com/pdf/mapmyIndia-sustainability-policy-healt-labour-rules-supplir-sustainability.pdf" target="_blank">Supplier Sustainability Policy</a> | <a href="http://www.mapmyindia.com/pdf/Health-Safety-Management.pdf" target="_blank">Health &amp; Safety Policy</a> | <a href="http://www.mapmyindia.com/pdf/Environment-Sustainability-Policy-CSR-Report.pdf" target="_blank">Environmental Policy &amp; CSR Report</a> </div> <div class="col-md-3 text-right" style="padding-top:10px"> <ul class="social-icons " style="display: inline-block"> <li><a href="http://www.mapmyindia.com/blog/" target="_blank"><i class="fa fa-rss"></i></a></li> <li><a href="https://twitter.com/mapmyindia" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.facebook.com/MapmyIndia" target="_blank"><i class="fa fa-facebook-official"></i></a></li> <li><a href="https://www.linkedin.com/company/mapmyindia" target="_blank"><i class="fa fa-linkedin"></i></a></li> </ul> </div> </div></div> </section> </footer> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <!--script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script--> <!-- Include all compiled plugins (below), or include individual files as needed --> <script> /* $( ".links_ul" ).click(function(){ if(this.id!='') {$('.act,.act1').removeClass('current');$(this).addClass('act');} $('.act').removeClass('act');$(this).addClass('act'); if($("#sub_"+this.id).css('display') == 'none') {$('.sub_link').hide();$('.act').addClass('current1');$("#"+this.id).addClass('current');$("#sub_"+this.id).show(); }else {$("#sub_"+this.id).hide();if(this.id) $('.act').addClass('current1');} $("html, body").animate({ scrollTop:280 }, "slow"); }); var hash = window.location.hash.substr(1); if(hash != 'undefined'){$('a[href="#'+hash+'"]').parents('ul.treeview').show();$('.act').removeClass('act');$('a[href="#'+hash+'"]').addClass('act');$("#sub_"+$(".act").attr('id')).show()} */ /*var hashTagActive = ""; $(".clickable,.links,.links_ul").click(function (event) { if(hashTagActive != this.hash) { event.preventDefault(); var dest = 0; if ($(this.hash).offset().top > $(document).height() - $(window).height()) { dest = $(document).height() - $(window).height(); } else { dest = $(this.hash).offset().top; } $('html,body').animate({scrollTop: dest}, 400, 'swing');hashTagActive = this.hash; } });*/ $( document ).ready( function () { // var height3 = $( '.menu-left-sdk' ).innerHeight(); // var height4 = height3 - 50; // // $( '#docDataListing' ).css( { // 'height': height4 // } ); $('.multilayerDropdown').on('click', 'span', function() { //$('.multilayerDropdown li.prent-child.active').removeClass('active'); $(this).parent().toggleClass('active'); }); } ); $(window).load(function(){ /* $("#allsubmenu li a").click(function() { var item1 = $(this).attr('href'); $('html, body').animate({ scrollTop: $(item1).offset().top -60 }, 500); }); */ var fixmeTop = $('.menu-left-sdk, .Menusideright').offset().top - 60; var footerTop = $('.footer_section').offset().top - 0; $(window).on('scroll ',function() { // console.log(footerScroll); var currentScroll = $(window).scrollTop(); var currentheight = $(window).height() -60; var footerScroll = footerTop - currentScroll - 70; var footoll = fixmeTop - currentScroll + 120; var windowHeight = $(window).innerHeight(); $('.toggle_closeopen').css({top:footoll}); if(windowHeight >= footerScroll){ $('.menu-left-sdk, .Menusideright').css({height:footerScroll}); }else if(footerScroll <= 40){ $('.menu-left-sdk, .Menusideright').hide(); }else{ $('.menu-left-sdk, .Menusideright').css({height:currentheight}); } // console.log(footerScroll); if (currentScroll >= fixmeTop) { $('.menu-left-sdk, .Menusideright').addClass('topleftmenufixed'); } else { $('.menu-left-sdk, .Menusideright').removeClass('topleftmenufixed'); } }); $( document ).ready( function () { $( '.toggle_closeopen' ).click(function() { $('#menuBoxapi').toggleClass('ad-to-l-r'); } ); //console.log(footerScroll); var currentScroll = $(window).scrollTop(); var footerScroll = footerTop - currentScroll - 90; var windowHeight = $(window).innerHeight(); var footoll = fixmeTop - currentScroll + 130; $('.toggle_closeopen').css({top:footoll}); if(windowHeight >= footerScroll){ $('.menu-left-sdk, .Menusideright').css({height:footerScroll}); }else if(footerScroll < 40){ alert("1"); $('.menu-left-sdk, .Menusideright').hide(); } console.log(footerScroll); if (currentScroll >= fixmeTop) { $('.menu-left-sdk, .Menusideright').addClass('topleftmenufixed'); } else { $('.menu-left-sdk, .Menusideright').removeClass('topleftmenufixed'); } }); var topMenu = $("#allsubmenu"), topMenuHeight = topMenu.outerHeight() + 80, // All list items menuItems = topMenu.find("a"), // Anchors corresponding to menu items scrollItems = menuItems.map(function(){ var item = $($(this).attr("href")); if (item.length) { return item; } }); // Bind to scroll $(window).scroll(function(){ // Get container scroll position var fromTop = $(this).scrollTop() + topMenuHeight; // Get id of current scroll item var cur = scrollItems.map(function(){ if ($(this).offset().top < fromTop) return this; }); // Get the id of the current element cur = cur[cur.length-1]; var id = cur && cur.length ? cur[0].id : ""; // Set/remove active class // alert(id); menuItems.parent().removeClass("active") .end().filter("[href='#"+id+"']").parent().addClass("active"); }); }); window.Tether = function () { throw new Error('Your Bootstrap may actually need Tether.'); }; window.sr = ScrollReveal({ reset: true }); // as a DOM node... sr.reveal('col-12', { duration: 10 }); // as a selector... sr.reveal('.col-4', { duration: 500 }); sr.reveal('.col-3', { duration: 1000 }); // $(window).on('click', function(e){ // // var iddis = $('.megaMneuInnerDe').attr('id') // var vaid =$('.navbar-nav.nav>li>a').attr('id'); // var idfind='#menuMMI_'+vaid; // // // if(idfind== iddis){ //ert('12') // }else{ // $('#menuMMI_'+vaid).slideUp(200); // // } // // // }); $('ul.nav li.dropdown, ul>li.dropdown-submenu').hover(function() { $(this).find('.dropdown-menu, .dropdown-submenu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu, .dropdown-submenu').stop(true, true).delay(200).fadeOut(500); }); //$('a[href^="#"]').click(function () { // $('html, body').animate({ // scrollTop: $('[name="' + $.attr(this, 'href').substr(1) + '"]').offset().top // }, 700); // // return false; //}); var mainbottom = $('#mainNav').offset().top - 0; $(window).on('scroll',function(){ stop = Math.round($(window).scrollTop()); if (stop > mainbottom) { $('.navbar-shrink, .mmiMegaSection').addClass('fixed-top'); } else { $('.navbar-shrink, .mmiMegaSection').removeClass('fixed-top'); } }); $(document).on('ready', function() { $(".variable").slick({ dots: false, infinite: true, variableWidth: true }); $('#close_button').click(function () { $('#mmi-modal').hide(); }) }); </script> <script> $(window).on('load', function(){ $('#loadingbar').addClass('mmi_hidden'); }); $(document).ready(function(){ if(localStorage.getItem('popState') != 'shown'){ $('#mmi-modal').show(); $("#mmi-modal").hide().fadeIn(); localStorage.setItem('popState','shown'); }; }); var width1 =$(document).innerWidth(); if(width1>768){ $('.navbar-nav.nav>li>a').on('click ', function(e) { var vaid = $(this).attr('id'); var idfind='menuMMI_'+vaid; $('.megaMneuInnerDe').each(function(){ if($(this).attr("id")!=idfind){ //alert($(this).attr("id")+"!="+idfind); $(this).hide(); } }); $('#menuMMI_'+vaid).slideToggle(100); // $('.megaMneuInnerDe').slideUp(); e.stopPropagation(); }); $(document).on('click',function(e){ // Check if click was triggered on or within #menu_content if( $(e.target).closest(".megaMneuInnerDe, #mainNav").length > 0 ) { //return false; } else { $('.megaMneuInnerDe').each(function(){ $(this).slideUp(100); }); } // Otherwise // trigger your click function }); } </script> <script> /* * Save contact@mapmyindia.com * 8 dec 2015 */ function contact() { $('#alert').stop().html('wait..').show(); var name=$('#name').val(); var email=$('#emailf').val(); var phone=$('#phone').val(); var company=$('#company').val(); var message=$('#message').val(); var city=$('#city').val(); var query=$("#interest").val(); var x = document.URL; var res=x.split("/"); if(res[3]=='' || res[3]=='#f_cont') { res[3]="Home"; var elqUrl="eloqua.php"; if(query=='Support Query' || query=='Other') { var odooUrl="odooHelpdesk.php"; } else { var odooUrl="odooLead.php"; } } else { var elqUrl="../eloqua.php"; if(query=='Support Query' || query=='Other') { var odooUrl="../odooHelpdesk.php"; } else { var odooUrl="../odooLead.php"; } } var source="Mappls "+res[3]; var remarks=document.referrer; var url="/contact_save.php"; if(req) req.abort(); var req=$.ajax({type: "POST",url:url,data: "action=contact&name="+name+"&email="+email+"&query="+query+"&phone="+phone+"&city="+city+"&company="+company+"&message="+message,cache: false,success: function(response) {$('#alert').stop().html(response).fadeIn().fadeOut(8000); if(response.indexOf('Thanks')!=-1) { var param='name='+name+'&email='+email+'&query='+query+'&phone='+phone+'&city='+city+'&company='+company+'&message='+message+'&source='+source; $.ajax({ type: "POST", url: elqUrl, async: false, data: param, success: function (result) { var paramOdoo='name='+name+'&email='+email+'&query='+query+'&phone='+phone+'&city='+city+'&company='+company+'&message='+message+'&source='+source+'&remarks='+remarks; $.ajax({ type: "POST", url: odooUrl, async: false, data: paramOdoo, success: function (result) { } }); } }); $("input[type=text]").val("");$("textarea").val(""); } } }); } </script> <script> $( document ).ready( function () { // var height3 = $( '.menu-left-sdk' ).innerHeight(); // var height4 = height3 - 50; // // $( '#docDataListing' ).css( { // 'height': height4 // } ); $('.multilayerDropdown').on('click', 'span', function() { //$('.multilayerDropdown li.prent-child.active').removeClass('active'); $(this).parent().toggleClass('active'); }); } ); var req=''; if(req!='') { contactD(req); } </script> <script> $(window).on('load',function(){ $("#allsubmenu li a").click(function() { var item1 = $(this).attr('href'); $('html, body').animate({ scrollTop: $(item1).offset().top - 110 }, 500); }); var fixmeTop = $('.Menusideright').offset().top - 50; var footerTop = $('.coronapadi').offset().top - 0; $(window).on('scroll ',function() { // console.log(footerScroll); var currentScroll = $(window).scrollTop(); var currentheight = $(window).height() - 110; var footerScroll = footerTop - currentScroll - 70; var footoll = fixmeTop - currentScroll - 0; var windowHeight = $(window).innerHeight(); //$('.toggle_closeopen_t').css({top:footoll}); if(windowHeight >= footerScroll){ $('.Menusideright').css({height:footerScroll}); }else if(footerScroll <= 40){ $('.Menusideright').hide(); }else{ $('.Menusideright').css({height:currentheight}); } console.log(footerScroll); if (currentScroll >= fixmeTop) { $('.Menusideright').addClass('topleftmenufixed'); } else { $('.Menusideright').removeClass('topleftmenufixed'); } }); $( document ).ready( function () { $( '.toggle_closeopen_t' ).click(function() { $('.Menusideright').toggleClass('ad-to-l-r'); $(this).toggleClass('ad-toggle_bu'); }); //console.log(footerScroll); var currentScroll = $(window).scrollTop(); var footerScroll = footerTop - currentScroll - 90; var windowHeight = $(window).innerHeight(); var footoll = fixmeTop - currentScroll + 80; // $('.toggle_closeopen_t').css({top:footoll}); if(windowHeight >= footerScroll){ $('.Menusideright').css({height:footerScroll}); }else if(footerScroll < 40){ alert("1"); $('.Menusideright').hide(); } console.log(footerScroll); if (currentScroll >= fixmeTop) { $('.Menusideright').addClass('topleftmenufixed'); } else { $('.Menusideright').removeClass('topleftmenufixed'); } }); var topMenu = $("#allsubmenu"), topMenuHeight = topMenu.outerHeight() + 80, // All list items menuItems = topMenu.find("a"), // Anchors corresponding to menu items scrollItems = menuItems.map(function(){ var item = $($(this).attr("href")); if (item.length) { return item; } }); // Bind to scroll $(window).scroll(function(){ // Get container scroll position var fromTop = $(this).scrollTop() + 150; // Get id of current scroll item var cur = scrollItems.map(function(){ if ($(this).offset().top < fromTop) return this; }); // Get the id of the current element cur = cur[cur.length-1]; var id = cur && cur.length ? cur[0].id : ""; // Set/remove active class // alert(id); menuItems.parent().removeClass("active") .end().filter("[href='#"+id+"']").parent().addClass("active"); }); }); (function($){ $('li.ParentSub >a,.ParentSub .togelB').on('click',function(){ $(this).parent().toggleClass('showChildMenu'); }) $(window).on("load",function(){ $(".content").mCustomScrollbar(); }); })(jQuery); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10