Using append with variables jQuery

Question

I need to create a script element and append the google map function there. I'm wondering: can I use a variable in my function via the append.

var center = {lat: -34.397, lng: 150.644};

document.createElement("script").append(
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: center,
          zoom: 8
        });
      }
);

Why not create a separate javascript-file with function that accepts the coordinates as a parameter and reference that in your page. — Esko
– Esko, Commented Aug 31, 2018 at 10:24

TheMisir · Accepted Answer · 2018-08-31 10:45:01Z

2

You can run script using this method. Because append only used for Node-s.

function runScript(func) {
    var e = document.createElement('script');
    e.innerHtml = func.toString();
    document.head.appendChild(e);
}

runScript(function(){
    alert('okay');
});

You can run any js script using this method.

runScript(function(){
    map = new google.maps.Map(document.getElementById('map'), {
      center: center,
      zoom: 8
    });
});

answered Aug 31, 2018 at 10:45

TheMisir

4,3191 gold badge29 silver badges39 bronze badges

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

Comments

Aragur · Accepted Answer · 2018-08-31 10:25:23Z

1

.append(...) is only for a Node or a DOM string. Not for JS code. https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append

Why aren't you calling initMap() directly? Like this:

var center = {lat: -34.397, lng: 150.644};

function initMap() {
  return new google.maps.Map(document.getElementById('map'), {
    center: center,
    zoom: 8
 });
 
 var map = initMap();

answered Aug 31, 2018 at 10:25

Aragur

687 bronze badges

1 Comment

owals owals Over a year ago

This is used in a separate file without Google API. The function of google is not defined. I'm trying to create a function through the append, to run it already on the page.

Collectives™ on Stack Overflow

Using append with variables jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related