Jest to kod do wywoływania mapy google oraz wprowadzania danych geograficznych. Czy moglibyście pomóc zintegrować kod Searchboxa ? Niestety przy każdej próbie nie chce się wogule załadowac mapa
https://developers.google.com/maps/document...laces-searchbox

  1. <script type="text/javascript">
  2. var initialLocation;
  3. var warsaw = new google.maps.LatLng(52, 21);
  4. var browserSupportFlag = new Boolean();
  5. var map, marker;
  6.  
  7. function initialize(lat, lng, zom, set) {
  8. map = new google.maps.Map(
  9. document.getElementById('map'),
  10. {
  11. panControl:true,
  12. zoomControl:true,
  13. mapTypeControl:true,
  14. scaleControl:true,
  15. streetViewControl:true,
  16. overviewMapControl:true,
  17. rotateControl:true,
  18. mapTypeId: google.maps.MapTypeId.ROADMAP,
  19. center: new google.maps.LatLng(lat, lng),
  20. zoom: zom }
  21. );
  22.  
  23. google.maps.event.addListener(map, 'click', function(event) {
  24. placeMarker(event.latLng);
  25. });
  26.  
  27. google.maps.event.addListener(map, 'zoom_changed', function(mEvent) {
  28. if(marker) populateInputs();
  29. });
  30.  
  31.  
  32.  
  33. function placeMarker(location) {
  34. if(typeof(marker) === 'undefined')
  35. {
  36. marker = new google.maps.Marker({
  37. position: location,
  38. map: map,
  39. draggable: true
  40. });
  41. }
  42. marker.setPosition(location);
  43. var markerPosition = marker.getPosition();
  44. populateInputs(markerPosition);
  45. google.maps.event.addListener(marker, "drag", function (mEvent) {
  46. populateInputs(mEvent.latLng);
  47. });
  48. }
  49.  
  50. function populateInputs(pos) {
  51. if(typeof(pos) !== 'undefined') {
  52. document.getElementById("lat").value = pos.lat();
  53. document.getElementById("lng").value = pos.lng();
  54. }
  55. document.getElementById("zoom").value = map.zoom;
  56. }
  57.  
  58. if(set == true) {
  59. placeMarker(new google.maps.LatLng(lat, lng));
  60. map.setCenter(new google.maps.LatLng(lat, lng));
  61. }
  62.  
  63. $('#update').click(function(){
  64. var lat = $('#lat').val();
  65. var lng = $('#lng').val();
  66. placeMarker(new google.maps.LatLng(lat, lng));
  67. });
  68.  
  69. }
  70. </script>
  71.  
  72.  
  73. <input type="text" id="lat" name="lat">
  74. <input type="text" id="lng" name="lng">
  75.  
  76. <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
  77. <script type="text/javascript">
  78. var lat = '15';
  79. var lng = '15';
  80. var zoom = '2';
  81. var set = 'false';
  82. initialize(lat, lng, zoom, set);
  83. </script>