Copy link to clipboard
Copied
I Created a Image map with image map pro as suggested by nancy here. When i copied the code to DW 2020 and went to preview on my local environment and also in the remote server, all i get is a blank bage. I have included the code below. just as i have it in dreamweaver. Please Help!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/image-map-pro.min.css">
</head>
<body>
<div id="image-map-pro-container"></div>
<script src="js/jquery.min.js"></script>
<script src="js/image-map-pro.min.js"></script>
<script type="text/javascript">
;(function ($, window, document, undefined) {
$(document).ready(function() {$('#image-map-pro-container').imageMapPro({"id":4782,"editor":{"previewMode":1,"tool":"text","shapeCounter":{"spots":1}},"general":{"name":"map","shortcode":"map","width":821,"height":480,"naturalWidth":821,"naturalHeight":480},"image":{"url":"http://www.crossrunnersheart.com/usmapexport-100.jpg"},"spots":[{"id":"spot-2504","title":"Spot 0","x":75.968,"y":40.898,"tooltip_style":{"width":173,"auto_width":0,"offset_x":0.16103225806450894,"offset_y":4.409651212138511},"tooltip_content":{"squares_settings":{"containers":[{"id":"sq-container-356591","settings":{"elements":[{"settings":{"name":"Paragraph","iconClass":"fa fa-paragraph"},"options":{"text":{"text":"This is ohio"}}}]}}]}}}]});
});
})(jQuery, window, document);
</script>
</body>
</html>
Have something to add?