Question

I am trying to use GoogleMap in my website :

           function InsertMap()
           {
               var map;
                var op = {
                    zoom: 10,
                    center: new google.maps.LatLng(-34.397, 150.644),
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };                    
                map = new google.maps.Map(document.getElementById('id'), op);
           }

I am calling this function on button click event. But my problem is that it insert a static map ( a single image ) instead of interactive map. I tried a IsStaticMap : false also but its not working and when i did that it shows nothing neither static nor interactive. Help me out !

Answer 1

There is an implementation using jQuery which might help you. The source code and demo are included!

http://www.position-absolute.com/articles/create-an-interactive-google-map-widget-with-a-list-filter-and-a-map-helper-class/