Image Map

Go to Plugins >> Image Map Pro >> Click Import and insert bellow code

{"id":4887,"editor":{"previewMode":1,"selected_shape":"oval-8206","tool":"select","shapeCounter":{"ovals":1}},"general":{"name":"ImageMap Home 1","shortcode":"ImageMapHome1","width":845,"height":651,"naturalWidth":845,"naturalHeight":651},"image":{"url":"https://demo.ovatheme.com/prooty/wp-content/uploads/2022/12/image-map-nearby.jpg"},"custom_code":{"custom_css":".imp-shape-oval {\n  position: relative;\n}\n.imp-shape-oval:before {\n  content: \"\";\n  position: absolute;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, 50%);\n  background: #FFF;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n.imp-shape-oval:hover:before {\n  background-color: var(--primary);\n}\n\n.imp-tooltip {\n  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);\n}\n.imp-tooltip .hs-arrow-bottom {\n  left: calc(100% - 80px);\n  top: 100%;\n  border-left: 48px solid transparent;\n  border-right: 0px solid transparent;\n  border-top: 25px solid #000;\n}"},"spots":[{"id":"oval-8206","title":"Shopping Centers","type":"oval","x":17.455,"y":17.819,"width":0.947,"height":1.229,"x_image_background":17.455,"y_image_background":17.819,"width_image_background":0.947,"height_image_background":1.229,"default_style":{"background_color":"#ffffff","background_opacity":0.14,"border_width":12,"border_opacity":0.13},"mouseover_style":{"opacity":0.99,"background_opacity":0.14,"border_width":12,"border_opacity":0.14},"tooltip_style":{"border_radius":0,"padding":10,"background_color":"#ffffff","offset_x":-9.929224852071005,"offset_y":-3.2236658986175093},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-299261","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"heading":{"text":"My Shape"},"text":{"text":"Shopping Centers \n<span style=\"font-size:14px;display:block\">8.7 KM</span>"},"layout":{"box_model":{"padding":{"top":20,"bottom":20,"left":20,"right":20}}},"style":{"background_color":"#292f29","background_opacity":1,"border_width":8,"border_style":"solid","border_color":"#c39e76"},"font":{"font_family":"","font_size":"20","font_weight":"800"},"general":{"classes":"hover-custom"}}}]}}]}}},{"id":"oval-1056","title":"Central Park","type":"oval","x":82.306,"y":33.334,"width":0.829,"height":1.075,"x_image_background":82.306,"y_image_background":33.334,"width_image_background":0.829,"height_image_background":1.075,"default_style":{"background_color":"#ffffff","background_opacity":0.14,"border_width":12,"border_opacity":0.13},"mouseover_style":{"opacity":0.99,"background_opacity":0.14,"border_width":12,"border_opacity":0.14},"tooltip_style":{"border_radius":0,"padding":10,"background_color":"#ffffff","offset_x":-8.518384615384619,"offset_y":0.6113725038402436},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-746921","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"heading":{"text":"My Shape"},"text":{"text":"Central park \n<span style=\"font-size:14px;display:block\">10.2 KM</span>"},"layout":{"box_model":{"padding":{"top":20,"bottom":20,"left":20,"right":50}}},"style":{"background_color":"#292f29","background_opacity":1,"border_width":8,"border_style":"solid","border_color":"#c39e76"},"font":{"font_family":"","font_size":"20","font_weight":"800"},"general":{"classes":"hover-custom"}}}]}}]}}},{"id":"oval-594","title":"Restaurant","type":"oval","x":39.11,"y":51.461,"width":0.829,"height":1.228,"x_image_background":39.11,"y_image_background":51.461,"width_image_background":0.829,"height_image_background":1.228,"default_style":{"background_color":"#ffffff","background_opacity":0.14,"border_width":12,"border_opacity":0.13},"mouseover_style":{"opacity":0.99,"background_opacity":0.14,"border_width":12,"border_opacity":0.14},"tooltip_style":{"border_radius":0,"padding":10,"background_color":"#ffffff","offset_x":-7.455372781065087,"offset_y":2.763270353302616},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-759211","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"heading":{"text":"My Shape"},"text":{"text":"Restaurant\n<span style=\"font-size:14px;display:block\">13.5 KM</span>"},"layout":{"box_model":{"padding":{"top":20,"bottom":20,"left":20,"right":50}}},"style":{"background_color":"#292f29","background_opacity":1,"border_width":8,"border_style":"solid","border_color":"#c39e76"},"font":{"font_family":"","font_size":"20","font_weight":"800"},"general":{"classes":"hover-custom"}}}]}}]}}},{"id":"oval-4440","title":"Play Grounds","type":"oval","x":60.651,"y":55.608,"width":0.946,"height":1.229,"x_image_background":60.651,"y_image_background":55.608,"width_image_background":0.946,"height_image_background":1.229,"default_style":{"background_color":"#ffffff","background_opacity":0.14,"border_width":12,"border_opacity":0.13},"mouseover_style":{"opacity":0.99,"background_opacity":0.14,"border_width":12,"border_opacity":0.14},"tooltip_style":{"border_radius":0,"padding":10,"background_color":"#ffffff","offset_x":-8.283792899408283,"offset_y":2.1492964669738868},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-749731","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"heading":{"text":"My Shape"},"text":{"text":"Play Grounds \n<span style=\"font-size:14px;display:block\">12 KM</span>"},"layout":{"box_model":{"padding":{"top":20,"bottom":20,"left":20,"right":50}}},"style":{"background_color":"#292f29","background_opacity":1,"border_width":8,"border_style":"solid","border_color":"#c39e76"},"font":{"font_family":"","font_size":"20","font_weight":"800"},"general":{"classes":"hover-custom"}}}]}}]}}}]}

Edit content