templates/Public/Public/map.ajax.twig line 1

Open in your IDE?
  1. <div class="map bottom-space" id="map_canvas"></div>
  2. <div id="routing_container"></div>
  3. <script>
  4. /* map */
  5. initialize();
  6. codeAddress("Cara Dušana br. 1, 21000 Novi Sad, Srbija");
  8. /* map geocoder service */
  9. var geocoder;
  10. var map;
  11. function initialize() {
  12. geocoder = new google.maps.Geocoder();
  13. var latlng = new google.maps.LatLng(52.749, 10.875);
  14. var myOptions = {
  15. zoom: 8,
  16. center: latlng,
  17. mapTypeId: google.maps.MapTypeId.ROADMAP,
  18. disableDefaultUI: true,
  19. scrollwheel: false,
  20. navigationControl: false,
  21. mapTypeControl: false,
  22. scaleControl: false,
  23. draggable: true,
  24. styles: [{}]
  25. };
  26. map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  27. }
  29. function codeAddress(selval) {
  30. var address = selval;
  31. geocoder.geocode({
  32. 'address': address
  33. }, function (results, status) {
  34. if (status == google.maps.GeocoderStatus.OK) {
  35. map.setCenter(results[0].geometry.location);
  36. //map.setZoom(12);
  37. var marker = new google.maps.Marker({
  38. title: 'OPTIMA DOO',
  39. map: map,
  40. icon: '/assets/static/marker.png',
  41. position: results[0].geometry.location,
  42. animation: google.maps.Animation.DROP,
  43. });
  44. var contentString = '<center><b>OPTIMA DOO</b><br/>Cara Dušana br. 1<br/>21000 Novi Sad<br/></center>';
  45. var infowindow = new google.maps.InfoWindow({
  46. content: contentString
  47. });
  48. google.maps.event.addListener(marker, 'click', function () {
  49. infowindow.open(map, marker);
  50. });
  51. if (results[0].geometry.viewport)
  52. map.fitBounds(results[0].geometry.viewport);
  53. } else {
  54. alert("Geocode was not successful for the following reason: " + status);
  55. }
  56. });
  57. }
  58. </script>