{"id":4333,"date":"2018-08-14T09:25:28","date_gmt":"2018-08-14T16:25:28","guid":{"rendered":"https:\/\/ning.com\/ning3help\/?p=4333"},"modified":"2019-12-18T07:11:36","modified_gmt":"2019-12-18T15:11:36","slug":"google-maps-api-key-change","status":"publish","type":"post","link":"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/","title":{"rendered":"Google Maps API key: how to change it"},"content":{"rendered":"<h2>How to change a Google Maps API key on NING Landing Page Builder<\/h2>\n<p>Please follow the instructions below to use the Google Maps API on NING landing pages.<\/p>\n<ol>\n<li>Create a new landing page or open the existing one in the Editing mode.<\/li>\n<li>Switch to the Developer mode (image 1, step 1).<\/li>\n<li>Open the JavaScript editing panel (image 1, step 2).<\/li>\n<\/ol>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/1-2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5037\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/1-2.png\" alt=\"\" width=\"600\" height=\"383\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Image 1<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 4. Select the <\/span><i><span style=\"font-weight: 400;\">script.js<\/span><\/i><span style=\"font-weight: 400;\"> file (image 2, step 3; image 3, step 4).<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/2-2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5038\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/2-2.png\" alt=\"\" width=\"600\" height=\"326\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Image 2<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/3-2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5039\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/3-2.png\" alt=\"\" width=\"600\" height=\"324\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Image 3<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 5. Press \u201cCtrl + F\u201d on your keyboard (\u201cCMD + F\u201d on Mac) and enter <\/span><b><i>maps.google.com\/maps\/api\/js<\/i><\/b><span style=\"font-weight: 400;\"> in the search bar (image 4, step 5).<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 6. The highlighted line with the Google Maps code will show up in the code field (image 4, step 6).<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/4-2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5040\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/4-2.png\" alt=\"\" width=\"600\" height=\"340\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Image 4<\/span><\/p>\n<p>\u00a0 \u00a0 \u00a0 7.\u00a0<span style=\"font-weight: 400;\">Your API key looks like this: <\/span><b>AIzaSyBVBfw0LmLPsPV5Ezj2snp0sEHArvAdKsc<\/b><span style=\"font-weight: 400;\">; it can be found between the symbols <\/span><b><i>key=<\/i><\/b><span style=\"font-weight: 400;\"> and <\/span><b><i>&amp;sensor <\/i><\/b><span style=\"font-weight: 400;\">(image 5, step 7).<\/span><\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/5-2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-5041\" src=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/5-2.png\" alt=\"\" width=\"600\" height=\"336\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Image 5<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 8. Change your API key.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u00a0 \u00a0 \u00a0 9. Save the page.<\/span><\/p>\n<p style=\"text-align: center;\">\n","protected":false},"excerpt":{"rendered":"<p>How to change a Google Maps API key on NING Landing Page Builder<br \/>\nPlease follow the instructions below to use the Google Maps API on NING landing pages.<\/p>\n<p>Create a new landing page or open the existing one in the Editing mode.<br \/>\nSwitch to the Developer mode (image 1, step 1).<br \/>\nOpen the JavaScript editing panel (image 1, step 2).<\/p>\n<p><a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/1-2.png\"><\/a><br \/>\nImage 1<br \/>\n\u00a0 \u00a0 \u00a0 4. Select the script.js file (image 2, step 3; image 3, step 4).<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/2-2.png\"><\/a><br \/>\nImage 2<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/3-2.png\"><\/a><br \/>\nImage 3<br \/>\n\u00a0 \u00a0 \u00a0 5. Press \u201cCtrl + F\u201d on your keyboard (\u201cCMD + F\u201d on Mac) and enter maps.google.com\/maps\/api\/js in the search bar (image 4, step 5).<br \/>\n\u00a0 \u00a0 \u00a0 6. The highlighted line with the Google Maps code will show up in the code field (image 4, step 6).<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/4-2.png\"><\/a><br \/>\nImage 4<br \/>\n\u00a0 \u00a0 \u00a0 7.\u00a0Your API key looks like this: AIzaSyBVBfw0LmLPsPV5Ezj2snp0sEHArvAdKsc; it can be found between the symbols key= and &amp;sensor (image 5, step 7).<br \/>\n<a href=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/5-2.png\"><\/a><br \/>\nImage 5<br \/>\n\u00a0 \u00a0 \u00a0 8. Change your API key.<br \/>\n\u00a0 \u00a0 \u00a0 9. Save the page.<\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[248,1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Maps API key: how to change it - Ning 3 Help\" \/>\n<meta property=\"og:description\" content=\"How to change a Google Maps API key on NING Landing Page Builder Please follow the instructions below to use the Google Maps API on NING landing pages. Create a new landing page or open the existing one in the Editing mode. Switch to the Developer mode (image 1, step 1). Open the JavaScript editing panel (image 1, step 2).  Image 1 \u00a0 \u00a0 \u00a0 4. Select the script.js file (image 2, step 3; image 3, step 4). Image 2 Image 3 \u00a0 \u00a0 \u00a0 5. Press \u201cCtrl + F\u201d on your keyboard (\u201cCMD + F\u201d on Mac) and enter maps.google.com\/maps\/api\/js in the search bar (image 4, step 5). \u00a0 \u00a0 \u00a0 6. The highlighted line with the Google Maps code will show up in the code field (image 4, step 6). Image 4 \u00a0 \u00a0 \u00a0 7.\u00a0Your API key looks like this: AIzaSyBVBfw0LmLPsPV5Ezj2snp0sEHArvAdKsc; it can be found between the symbols key= and &amp;sensor (image 5, step 7). Image 5 \u00a0 \u00a0 \u00a0 8. Change your API key. \u00a0 \u00a0 \u00a0 9. Save the page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/\" \/>\n<meta property=\"og:site_name\" content=\"Ning 3 Help\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-14T16:25:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-18T15:11:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/1-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\",\"url\":\"https:\/\/www.ning.com\/ning3help\/\",\"name\":\"Ning 3 Help\",\"description\":\"The place to look for help with the details of your Ning Network.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ning.com\/ning3help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/1-2.png\",\"contentUrl\":\"https:\/\/www.ning.com\/ning3help\/wp-content\/uploads\/2018\/08\/1-2.png\",\"width\":2994,\"height\":1912},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/#webpage\",\"url\":\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/\",\"name\":\"Google Maps API key: how to change it - Ning 3 Help\",\"isPartOf\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/#primaryimage\"},\"datePublished\":\"2018-08-14T16:25:28+00:00\",\"dateModified\":\"2019-12-18T15:11:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/#\/schema\/person\/550ecd406bdd2b404381fb6fca8e4203\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/google-maps-api-key-change\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.ning.com\/ning3help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Maps API key: how to change it\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ning.com\/ning3help\/#\/schema\/person\/550ecd406bdd2b404381fb6fca8e4203\",\"name\":\"Admin\",\"url\":\"https:\/\/www.ning.com\/ning3help\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4333"}],"collection":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/comments?post=4333"}],"version-history":[{"count":5,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4333\/revisions"}],"predecessor-version":[{"id":5042,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/posts\/4333\/revisions\/5042"}],"wp:attachment":[{"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/media?parent=4333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/categories?post=4333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ning.com\/ning3help\/wp-json\/wp\/v2\/tags?post=4333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}