Google Maps API Javascript

I'm currently working on a college project which incorporates the use of Google Maps API (v3). I am using HTML Templates - so I have a base.html, containing Css links, script links, etc, which is imported into all the other html pages by way of : {% extends 'base.html' %}

Now I am going to have multiple pages using maps for different things such as 1 for adding locations and one for adding routes on maps for example. I was originally going to just call on 1 .js file for all my javascript but couldn't figure out how to call specific js variables to just specific HTML pages.

But I have managed to work it so that I have a different .js file for each thing I want to use for the map on that particular page. And in my base.html, I am calling these .js files individually like so:

<script src="/static/js/1.js"></script>
<script src="/static/js/2.js"></script>
<script src="/static/js/3.js"></script>

My question is is this method ok to work, or will there be problems calling a number of different .js files? I'd imagine I would have about 5 or 6 in total.