Interactive map html code too long (svg)

[uhmanduh (Amanda)]

This has been an ongoing issue (from what I can tell, since 2015). Webflow limits embedded code to 10,000 characters. So many people have requested a way to embed interactive svg’s and the only resource (that still works) is a 30-minute long video on how to build a map from scratch:[https://www.youtube.com/watch?v=Iz_6IBfCtBQ] - it’s not terrible - just who has the time? SQUARESPACE can handle any number of lines of code when it is entirely basic, yet Webflow limits embedded code for svg’s (notoriously long) and doesn’t give any widget work around?

I have tried so many methods:

How to embed files hosted on Github

1a. Get embeddable link from any github resource. Open file in a new tab Click on “Raw” [image] 1b. Change URL of raw file Change URL from raw.github.com or raw.githubusercontent.com to cdn.rawgit.com (VERY IMPORTANT OR SCRIPT WON’T WORK!!!) Copy changed URL Update: Rawgit replacement See also: How to host text files on Github Also, feel free to contact me for further code help and/or customization of third-party plugins]

HTML Embed - SVG Code Too Long

Hi Everyone, I’m trying to create an interactive map using this resource: Interactive Map of North Carolina [Clickable Counties / Cities] The HTML code is around 70,000 characters because the map is SVG—it’s way too much for the HTML embed character limit. Any suggestions for how to do this?

SVG Code is 21k chars. Work around to embed?

Ello, ello! As the title suggests I’ve been working on a svg animation for a client. Unfortunately there are a ton of paths & I can’t embed as I normally would. What’s the best way to get round this? Here’s what I’m working with - https://codepen.io/smallio/pen/xXNjNr Unfortunately I can’t post the site due to the contract! Cheers, Will P.S. Please increase the custom code (or at least embed) limit! It’s the only thing stopping me from working entirely in webflow for small projects.

How to host text files on Github

Continuing the discussion from How to embed files hosted on Github: If your favourite plugin is not on Github, how do you upload and host CSS and JS files on Github? 1. Register an account on Github So you can update/manage your hosted files. 2. Go to https://gist.github.com 3. Paste filename including extension 4. Paste file contents [image] 5. Click “Create secret gist” 6. Click on “Raw” [image] 7. Follow instructions from How to embed files hosted on Github Note that you can only host …

Don’t waste your time with the above; none of them work because the cors are blocked.

How can I embed an interactive United States map svg into Webflow without building every element and individually placing them (again)?

[webdev (Jeff Selser)]

Personally I use digital ocean spaces with Webflow. $5 / month handles all my clients.

[uhmanduh (Amanda)]

Are you saying if I host elsewhere it will permit more characters and code?

[samliew (webflowexpert.com)]

Yes, host it elsewhere as a text file and load it into your page.

[Kevin_Alves]

Hey, I’m trying to embed a map made with Kepler.gl, hosting the HTML in dropbox, but when the embed loads, it downloads the HTML file instead of loading it embed. What am I missing here?

<iframe src="https://dl.dropboxusercontent.com/s/n3qr8hi1qvhbg0l/kepler.gl.html" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="100%" width="100%" allowfullscreen></iframe>

[webdev (Jeff Selser)]

@Kevin_Alves - Dropbox is not a webserver so it does not serve HTML content.