{"id":1303,"date":"2025-07-27T13:08:26","date_gmt":"2025-07-27T20:08:26","guid":{"rendered":"https:\/\/sombermoose.com\/?page_id=1303"},"modified":"2025-07-28T09:47:40","modified_gmt":"2025-07-28T16:47:40","slug":"image-map-in-classic-block","status":"publish","type":"page","link":"https:\/\/sombermoose.com\/index.php\/image-map-in-classic-block\/","title":{"rendered":"Image Map in Classic Block"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.w3schools.com\/html\/html_images_imagemap.asp\">W3 Schools image map article<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A couple of image maps<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In both of these cases, the maps were created in Classic blocks using image map code developed in the site <a href=\"https:\/\/www.image-map.net\/\" data-type=\"link\" data-id=\"https:\/\/www.image-map.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.image-map.net\/<\/a>. Care must be taken to give each map a unique name. Another issue is the apparent resizing of the images in the classic block. They appear to resize by default to 300 px across.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Update: It occurred to me that I could change templates, and use a full-width template. That being said, it&#8217;s probably still a good idea to keep the map size smallish, perhaps no more than 600 across.<\/p>\n\n\n<p><!-- Image Map Generated by http:\/\/www.image-map.net\/ --><br \/><img decoding=\"async\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2023\/05\/2021-07-28-0007-300x204.jpg\" usemap=\"#image-map\" \/><\/p>\n<map name=\"image-map\">\n<area title=\"Martin\" alt=\"Martin\" coords=\"59,93,101,164\" shape=\"rect\" href=\"https:\/\/www.martinguitar.com\" target=\"_blank\" \/>\n<area title=\"Gibson\" alt=\"Gibson\" coords=\"118,96,167,174\" shape=\"rect\" href=\"https:\/\/gibson.com\" target=\"_blank\" \/>\n<area title=\"Ovation\" alt=\"Ovation\" coords=\"183,87,240,173\" shape=\"rect\" href=\"https:\/\/www.ovationguitars.com\" target=\"_blank\" \/>\n <\/map>\n<\/p>\n<p><!-- Image Map Generated by http:\/\/www.image-map.net\/ --><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2025\/07\/Amazon-Google-map-480x360.png\" usemap=\"#image-map2\" \/> <\/p>\n<map name=\"image-map2\">\n<area title=\"Amazon\" alt=\"Amazon\" coords=\"41,37,226,179\" shape=\"rect\" href=\"https:\/\/amazon.com\" target=\"_blank\" \/>\n<area title=\"Google\" alt=\"Google\" coords=\"253,200,433,323\" shape=\"rect\" href=\"https:\/\/google.com\" target=\"_blank\" \/>\n <\/map>\n<\/p>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>W3 Schools image map article A couple of image maps In both of these cases, the maps were created in Classic blocks using image map code developed in the site https:\/\/www.image-map.net\/. Care must be taken to give each map a unique name. Another issue is the apparent resizing of the images in the classic block. They appear to resize by default to 300 px across. Update: It occurred to me that I could change templates, and use a full-width template. That being said, it&#8217;s probably still a good idea to keep the map size smallish, perhaps no more than 600 across.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_fullwidth.php","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-1303","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages\/1303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/comments?post=1303"}],"version-history":[{"count":29,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages\/1303\/revisions"}],"predecessor-version":[{"id":1355,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages\/1303\/revisions\/1355"}],"wp:attachment":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/media?parent=1303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}