SVG和Javascript无法在Chrome中“在线”运行

Question

I have been creating a map of a local town center and it has taken ages, I wanted it to be in SVG so I could zoom in and out and also have 'popup' details when the cursor moves over an element. This is done in Javascript (I am a beginner!!).

I have searched here and online and cobbled together something good BUT it doesn't work if I put it into a 'window' as seen here

http://www.poipleshadow.com/Goa-Mapusa-Market .

(scrolling and zooming breaks and the text becomes tiny!)

I am hoping there is a Javascript/SVG god somewhere out there who can help

The same image works here on its own

http://www.poipleshadow.com/Images/Mapusa-Market.svg

Answer 1

Thanks to Eric, The reason that the SVG behaved differently was because it was in an image tag

DIDN'T WORK

<img src="Images/Mapusa-Market.svg"  alt="Mapusa Market" width="900" height="300" />

DOES WORK

<object type="image/svg+xml" data="Images/Mapusa-Market.svg"></object>