Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3706960,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3706960,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3706960,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3706960,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The map builder: find a location, preview it, and copy the shortcode.","2":"A map placeholder on the front end, before it scrolls into view.","3":"The interactive Google Map, loaded once the placeholder scrolls into view."}},"plugin_section":[],"plugin_tags":[230,1571,4884,2909,247],"plugin_category":[49,54,56],"plugin_contributors":[250692],"plugin_business_model":[],"class_list":["post-370231","plugin","type-plugin","status-publish","hentry","plugin_tags-embed","plugin_tags-google-maps","plugin_tags-lazy-load","plugin_tags-map","plugin_tags-performance","plugin_category-maps-and-location","plugin_category-security-and-spam-protection","plugin_category-social-and-sharing","plugin_contributors-sanchitpandeyyy","plugin_committers-sanchitpandeyyy"],"banners":{"banner":"https:\/\/ps.w.org\/panmap\/assets\/banner-772x250.png?rev=3706960","banner_2x":"https:\/\/ps.w.org\/panmap\/assets\/banner-1544x500.png?rev=3706960","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/panmap\/assets\/icon-128x128.png?rev=3706960","icon_2x":"https:\/\/ps.w.org\/panmap\/assets\/icon-256x256.png?rev=3706960","generated":false},"screenshots":[],"raw_content":"\n
A standard embedded Google Map starts downloading Google's entire map application - scripts, styles, fonts and map tiles - the moment your page loads, whether or not anyone ever looks at it. That work competes with your own content and drags down your Core Web Vitals.<\/p>\n\n
PanMap takes that cost off the initial page load. It shows a clean, lightweight placeholder where the map will be, and only loads the real, interactive Google Map once it scrolls into a visitor's view.<\/p>\n\n
Built for performance<\/strong><\/p>\n\n No API key, no billing<\/strong><\/p>\n\n PanMap uses Google's keyless map embeds, so there is no Google Cloud project, API key or billing account to set up.<\/p>\n\n Easy to set up<\/strong><\/p>\n\n Thoughtfully built<\/strong><\/p>\n\n Every feature described here is included in this plugin. Nothing is locked.<\/p>\n\n Go to PanMap<\/strong> in your admin menu, add a map, then click Copy shortcode<\/strong> and paste it into any post, page or widget that supports shortcodes. The shortcode it copies points at the saved map, so editing that map later updates every place the shortcode is already pasted:<\/p>\n\n You can also write a map out by hand, without saving it first:<\/p>\n\n Out-of-range This plugin uses Google Maps<\/strong>, a service provided by Google LLC, to show interactive maps of the locations you choose.<\/p>\n\n On your site's front end:<\/strong> only once a map placeholder scrolls into a visitor's view, their browser loads the map from Google Maps ( On the PanMap admin screen:<\/strong> when an administrator previews a map, their browser loads it from Google Maps in the same way. When an administrator pastes a Google Maps \"Share\" link ( This service is subject to Google's terms and privacy policy:<\/p>\n\n This plugin also uses OpenStreetMap<\/strong>, a service of the OpenStreetMap Foundation, on the PanMap admin screen only. When an administrator opens \"Pin it on a map instead\" to set a location by hand, their browser loads map tile images from OpenStreetMap's tile servers ( This service is subject to OpenStreetMap's terms and privacy policy:<\/p>\n\n Nothing in this plugin is obfuscated, and no compiled file ships without the source it was built from. The download contains its own complete source:<\/p>\n\n To rebuild the compiled files, you need Node.js 20 or newer. From the plugin folder:<\/p>\n\n That runs @wordpress\/scripts<\/a> 35 (webpack), which writes Third-party libraries<\/strong><\/p>\n\n Leaflet's copyright notice and license text are reproduced in No other third-party library is bundled. Everything else the admin screen uses - React, the components, the data layer - comes from the copies WordPress itself ships.<\/p>\n\n\n To install manually instead, upload the No. PanMap uses Google's keyless map embeds rather than the Maps Embed API, so there is nothing to sign up for and no billing account to configure.<\/p><\/dd>\n On the PanMap<\/strong> screen, you can:<\/p>\n\n Press Find<\/strong> to preview it, then copy the shortcode.<\/p><\/dd>\n No. Until the map scrolls into view, the placeholder is drawn entirely with files served from your own site. A visitor whose browser has JavaScript disabled gets the same behavior: the map is embedded directly, using the browser's native lazy-loading, so it still only loads once it scrolls into view. See External services<\/strong> below.<\/p><\/dd>\n PanMap works anywhere WordPress shortcodes are supported, including maps that a page builder or Ajax adds to the page after it first loads.<\/p><\/dd>\n Inside the plugin. The PanMap stores two settings in your database: your site-wide defaults and your saved maps. Deleting the plugin from the Plugins<\/strong> screen removes both, and nothing else is left behind. It never creates custom database tables.<\/p><\/dd>\n\n<\/dl>\n\n\n\n
\n
\n
Usage<\/h4>\n\n
[panmap slug=\"our-office\"]\n<\/code><\/pre>\n\n[panmap address=\"India Gate, New Delhi\" title=\"Our Office\"]\n\n[panmap lat=\"28.6129\" lng=\"77.2295\" zoom=\"17\"]\n<\/code><\/pre>\n\nShortcode attributes<\/h4>\n\n
\n
slug<\/code> - The name of a map saved on the PanMap screen. Takes over completely: every other attribute is ignored. This is what Copy shortcode<\/strong> writes.<\/li>\nembed<\/code> - The map details from Google Maps' \"Embed a map\" code. The PanMap screen fills this in when you paste that code. Takes priority over everything below.<\/li>\nlat<\/code> - Latitude, from -90 to 90. Use with lng<\/code>. Takes priority over address<\/code>.<\/li>\nlng<\/code> - Longitude, from -180 to 180. Use with lat<\/code>.<\/li>\naddress<\/code> - Any place name or address Google Maps can find.<\/li>\nzoom<\/code> - Zoom level, from 1 (whole world) to 21 (individual buildings). Defaults to the value on the settings screen, or 15. Not used with embed<\/code>, which keeps its own zoom.<\/li>\ntitle<\/code> - The location's name, used as the map's accessible title once it loads. Optional.<\/li>\nheight<\/code> - Map height in pixels, from 120 to 1200. Defaults to the value on the settings screen, or 400.<\/li>\n<\/ul>\n\nzoom<\/code> and height<\/code> values are clamped to the nearest allowed value. If there is no usable location, the shortcode outputs nothing rather than a broken map.<\/p>\n\nExternal services<\/h3>\n\n
maps.google.com<\/code> or www.google.com<\/code>). That request includes the map's location - its address, its latitude and longitude, or the embed details copied from Google Maps - and its zoom level. Like any request to a third-party website, it also sends Google the visitor's IP address and browser information, and Google may set or read cookies. No request is made to Google before that. If a visitor has JavaScript disabled, the map is embedded directly instead, using the browser's own native lazy-loading, and the same request is made when it scrolls into view.<\/p>\n\nmaps.app.goo.gl<\/code>) and presses Find<\/strong>, your web server sends that link to Google to look up the location it points to. Only the link itself is sent.<\/p>\n\n\n
tile.openstreetmap.org<\/code>) so they can click to place a pin. This sends OpenStreetMap the administrator's IP address and browser information, the same as any request to a third-party website. No account, API key or payment is required, and this never happens on the site's front end or without the admin screen being open.<\/p>\n\n\n
Source code<\/h3>\n\n
\n
src\/index.js<\/code> and src\/index.scss<\/code> build the admin screen - build\/index.js<\/code> and build\/index.css<\/code>.<\/li>\nsrc\/frontend.js<\/code> and src\/frontend.scss<\/code> build the front end - build\/frontend.js<\/code> and build\/frontend.css<\/code>.<\/li>\nsrc\/components\/<\/code> and src\/shared\/<\/code> hold the rest of the admin screen's code.<\/li>\nincludes\/<\/code> is plain, readable PHP that runs as-is.<\/li>\n<\/ul>\n\nnpm install\nnpm run build\n<\/code><\/pre>\n\nbuild\/<\/code>. npm run dist<\/code> additionally runs gulpfile.js<\/code> to assemble a release copy of the plugin in dist\/<\/code>.<\/p>\n\n\n
build\/index.js<\/code>, its stylesheet into build\/index.css<\/code>, and its default marker images are the files in build\/images\/<\/code>. Leaflet draws the \"Pin it on a map instead\" picker on the admin screen only; it never loads on the front end.<\/li>\n<\/ul>\n\nLICENSE.txt<\/code>, alongside PanMap's own GPLv2 license.<\/p>\n\n\n
panmap<\/code> folder to \/wp-content\/plugins\/<\/code> and activate it on the Plugins<\/strong> screen.<\/p>\n\n\n\n
Do I need a Google Maps API key?<\/h3><\/dt>\n
How do I choose a location?<\/h3><\/dt>\n
\n
28.6129, 77.2295<\/code>,<\/li>\nDoes PanMap contact Google before a visitor sees the map?<\/h3><\/dt>\n
Will it work with my page builder or theme?<\/h3><\/dt>\n
Where is the plugin's source code?<\/h3><\/dt>\n
src<\/code> folder holds the uncompiled JavaScript and Sass that build\/index.js<\/code> and build\/frontend.js<\/code> are compiled from, and package.json<\/code> and gulpfile.js<\/code> hold the build steps. See Source code<\/strong> below.<\/p><\/dd>\nWhat happens to my data if I delete the plugin?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n
\n