Is not a function error in googlemaps api javascript

Question

I am using google api to show the vehicle current position in one of my function i have a code like this

 function fromLatLngToDivPixel(map, latLng) {
    var overlay = new google.maps.OverlayView();
    overlay.draw = function () { };
    overlay.setMap(map);
    var point = overlay.getProjection().fromLatLngToDivPixel(latLng);
    overlay.setMap(null);
    overlay = null
    return point;
}

but while executing this code i am getting the error on this overlay.setMap(null);

and i am not able to execute this. the error says

Uncaught TypeError: this.pa.remove is not a function

yes i know it is very dificult to answer questions like this, but if only anyone have the idea about this error?

i am attaching the image for better reference.

and when i commented this line my code is running properly,

can i use the function without this -> overlay.setMap(null);

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

Per the documentation for OverlayView you must implement 3 methods:

You must implement three methods: onAdd(), draw(), and onRemove().

In the onAdd() method, you should create DOM objects and append them as children of the panes.

In the draw() method, you should position these elements.

In the onRemove() method, you should remove the objects from the DOM.

You don't implement the onRemove (or the onAdd) method.

function fromLatLngToDivPixel(map, latLng) {
  var overlay = new google.maps.OverlayView();
  overlay.draw = function() {};
  overlay.onAdd = function() {};
  overlay.onRemove = function() {};
  overlay.setMap(map);
  var point = overlay.getProjection().fromLatLngToDivPixel(latLng);
  overlay.setMap(null);
  overlay = null
  return point;
}

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 23, 2018 at 13:10

geocodezip

162k14 gold badges228 silver badges256 bronze badges

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

Comments

PA Knudsen · Accepted Answer · 2018-05-23 09:41:22Z

0

Looks like setMap(null) is used to remove markers. https://developers.google.com/maps/documentation/javascript/markers#remove

So unless that is your intention the code should work fine without calling setMap(null) in your code.

I would change it to

function fromLatLngToDivPixel(map, latLng) {
    var overlay = new google.maps.OverlayView();
    overlay.draw = function () { };
    overlay.setMap(map);
    return overlay.getProjection().fromLatLngToDivPixel(latLng);
}

You might find some useful info here too: why setMap(null) is not working google maps api v3?

answered May 23, 2018 at 9:41

PA Knudsen

131 silver badge3 bronze badges

Collectives™ on Stack Overflow

Is not a function error in googlemaps api javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related