Learn free online HTML5, javascript, and jquery Tutorials by Examples

Wednesday, 3 June 2015

How to disable mouse scroll-wheel scaling with Google Maps API

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d468727.7156769247!2d86.23190353981563!3d23.39055853025138!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f46934bd0edf95%3A0xd581201786be60af!2sGomia+Bus+Stop!5e0!3m2!1sen!2sin!4v1433393108518" width="600" height="450" frameborder="0" style="border:0"></iframe>


<script type="text/javascript">
                                $(document).ready(function(e) {
                                $('#map_div').find('iframe').css("pointer-events", "none");
                                  var onMapMouseleaveHandler = function (event) {
                                    var chk = $(this);
                                    chk.on('click', onMapClickHandler);
                                    chk.off('mouseleave', onMapMouseleaveHandler);
                                    chk.find('iframe').css("pointer-events", "none");
                                  }
                              
                                  var onMapClickHandler = function (event) {
                                    var chk = $(this);
                                    chk.off('click', onMapClickHandler);
                                    chk.find('iframe').css("pointer-events", "auto");
                                    chk.on('mouseleave', onMapMouseleaveHandler);
                                  }
                                  $('.maps.embed-container').on('click', onMapClickHandler);
                                });
                            </script>

No comments:

Post a Comment