Embed Java Script Map for VueJS component

Question

I'm trying to embed a map to my vue component which is written in java script.
I downloaded that map from this web link. Sri Lanka Map
In that map files documentation

They say to include some JS and CSS files to the head section.

Eg :- <link href="jsmaps/jsmaps.css" rel="stylesheet" type="text/css" />

Where is the head section in my template and how do I inject JS / CSS files to that head section?

@Bhojendra Nepal I don't want to load it for the all of the users. I only want to load it to the certain users. — margherita pizza
– margherita pizza, Commented Mar 22, 2018 at 3:34

Jefry Dewangga · Accepted Answer · 2018-03-22 13:08:26Z

1

There are several ways to manipulate the head section of single page application. Currently you can use Vue plugin named Vue Meta, take a look this repository https://github.com/declandewet/vue-meta.

But if you don't wanna make your hands dirty with that, you can use Nuxt.js, take a look this link https://nuxtjs.org/. Nuxt.js provides an easy way to create a project with Vue.js. You just edit the nuxt.config.js file like described here https://nuxtjs.org/api/configuration-head

Even you also can configure head section of specific page as you mention on the comment above.

answered Mar 22, 2018 at 13:08

Jefry Dewangga

8491 gold badge11 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Embed Java Script Map for VueJS component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related