map marker events not working

$(document).on("google_point_map_widget:marker_create", function (e, lat, lng, locationInputElem, mapWrapID) { console.log(locationInputElem); // django widget textarea widget (hidden) console.log(lat, lng); // created marker coordinates console.log(mapWrapID); // map widget wrapper element ID }); I tried the above code following the docs , I am unable to trigger the event. Please do help?

[erdem]

Hi @nakul-sayone

I also tested the triggers on django admin and it is worked too. Did you notice django admin jQuery namespace? Django admin using a different namespace for built-in jQuery. (django.jQuery)

You must read this documentation first. https://docs.djangoproject.com/en/1.10/ref/contrib/admin/javascript/

Here is my django admin implementation:

{% extends 'admin/change_form.html' %}
{% block admin_change_form_document_ready %}
    {{ block.super }}
    <script type="text/javascript">
        (function($) {
            $(document).on("google_point_map_widget:marker_create", function (e, lat, lng, locationInputElem, mapWrapID) {
                console.log(locationInputElem); // django widget textarea widget (hidden)
                console.log(lat, lng); // created marker coordinates
                console.log(mapWrapID); // map widget wrapper element ID
            });

            $(document).on("google_point_map_widget:marker_change", function (e, lat, lng, locationInputElem, mapWrapID) {
                console.log(locationInputElem); // django widget textarea widget (hidden)
                console.log(lat, lng);  // changed marker coordinates
                console.log(mapWrapID); // map widget wrapper element ID
            });

            $(document).on("google_point_map_widget:marker_delete", function (e, lat, lng, locationInputElem, mapWrapID) {
                console.log(locationInputElem); // django widget textarea widget (hidden)
                console.log(lat, lng);  // deleted marker coordinates
                console.log(mapWrapID); // map widget wrapper element ID
            })
        })(django.jQuery);
    </script>
{% endblock %}

if your Django version under 1.9, you can also override extrahead block on admin templates.

Thanks.

[nakul-sayone]

Hi @erdem it is working in the front end. I need the events in the backend admin page. I tried with a lot of combinations but it doesn’t works. could you please walk me through this? its kind of urgent