Question

I am trying use Google Maps for my work; I have downloaded an example and trying to modify it, but I am not so good in jQuery. Please look at these two links:

http://drmorphe.us/tests/googleMaps/jquery-google-maps-extend-with-pagination.html

That link is working fine and changing locations, but this style is not good if we have many records. I have around 500 records, I am planning to bind these in ‘datatables’ but I don’t know how can I make links which works fine.

Look at what I am trying to achieve:

http://drmorphe.us/tests/googleMaps/jquery-google-maps-extend-with-pagination2.html

This way I can show links but I need them to work and these should take us on exact Longitude and Latitude provided (panTo).

P.S. jquery.ui.map.extentions.js has been modified to achieve this goal.

Answer 1

Your application does not function properly because of JavaScript errors.

Please open jquery.ui.map.extension2.js file and edit line 119. The onclick event should not start with "function(". Instead of

onclick="function(map.panTo(new GLatLng(33.69877782,73.00711869)));"

write

onclick="map.panTo(new GLatLng(33.69877782,73.00711869));"