codrops / interactive3dmallmap Goto Github PK

View Code? Open in Web Editor NEW

733.0 53.0 217.0 123 KB

An interactive 3D mall map concept with a sidebar search and pin indicators for every level.

CSS 12.94% HTML 75.60% JavaScript 11.46%

interactive3dmallmap's Introduction

Interactive 3D Mall Map

An interactive 3D mall map concept with a sidebar search and pin indicators for every level.

Article on Codrops

Demo

License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Credits

List.js, the library that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything
Font Awesome created by Dave Gandy. License: Font Awesome license information.
Other icons from Flaticon and Freepik.
SVG icon system generated with IcoMoon

Misc

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest

interactive3dmallmap's People

Contributors

Stargazers

Watchers

Forkers

zakirsajib miles990 a973c leodufer hughker sharof2000 cyberjag everbox resfront b3taboy jerossh schwarer2006 cuongptnk miknotauro frankie-666 eeyellow stubben dlsyaim xk8 vovoma chaimol hidoos maxmas paulstone apch01 lastresort caphrim007 beeva-carlosmunoz martinbenes n4nidhinchandran andrewti guilhermevrs sweetymeow nvdnkpr zalithka zhuqling oraclebox kublaj daresthedevil fellwell5 bluman1 mngogo siberianbear valgaze omerjp lx8co jordan-carl womol jpendleton ancchaimongkon stasonhub qq4647805 jcvelasquez txingoo waifei unik grainier adntec sbarli888 utopia1991 streeboga masindeandrew bobiscool kutsaniuk snegopad815 jayvi amydinsyahira andrewbiang888 rogeriomarques wwmin redboss1 farmerwd pengqiuyuan soroka41 saulshanabrook maniacs-satm eolhc sanghyangsahal mohammedamine rubythonode apachesep adam8hospitality nilpo r115 llenroc w17731138318 sureshdontha herocodemaster sola-lufkin farobarcha githubbangladesh lupin4 sadiiqaliiyu solertis danolez1 eoogle gtekelis miron77 kubawolanin l3dlp-sandbox

interactive3dmallmap's Issues

IE11 - classlist.add error

Firstly, this is wonderful work. You are exceptional.

I'm just wondering whether you are aware that an error occurs in IE11 when you click on a pin, the target map__space doesn't get targeted and map__space--selected is not added.

Error SCRIPT5007: Unable to get property 'add' of undefined or null reference

At first I thought the issue had to do with classlist being incompatible with IE11, but that is not the case . It is compatible for ie10+. But I think the issue has to do with IE11 having issue targeting svg, and where classie.js is failing.

Before I dig deeper, I was hoping for any insight that you may have. Beyond this - I am confident of making this work for IE10 and IE11.

Thank you.

data-space increament issue

There is a problem with getting more <data-space=""> attributes that the map numbers originally had, e.g level 1 had 9 pins = 9 <data-space="4.09"> attributes. So only 9 <data-space=""> attr can change color when associated pin is clicked, the 10th and higher do not change selected <data-space=""> color anymore. Please help.

With your svg files it looks nice:

But when I add my own it doest't look nice, it becomes blurry:

How can I avoid that?

How is this project made?

The 3D Mall Map is an astonishing project. Is there some tool out there that generates the svg code for you?

Because customizing the project by hand seems very very complex.

Thanks,

Marcel