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

Open in your IDE?
  1. <div class="map bottom-space" id="map_canvas"></div>
    <div id="routing_container"></div>
    <script>
        /* map */
        initialize();
        codeAddress("Cara Dušana br. 1, 21000 Novi Sad, Srbija");
    
        /* map geocoder service */
        var geocoder;
        var map;
        function initialize() {
            geocoder = new google.maps.Geocoder();
            var latlng = new google.maps.LatLng(52.749, 10.875);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                disableDefaultUI: true,
                scrollwheel: false,
                navigationControl: false,
                mapTypeControl: false,
                scaleControl: false,
                draggable: true,
                styles: [{}]
            };
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        }
    
        function codeAddress(selval) {
            var address = selval;
            geocoder.geocode({
                'address': address
            }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    map.setCenter(results[0].geometry.location);
                    //map.setZoom(12);
                    var marker = new google.maps.Marker({
                        title: 'OPTIMA DOO',
                        map: map,
                        icon: '/assets/static/marker.png',
                        position: results[0].geometry.location,
                        animation: google.maps.Animation.DROP,
                    });
                    var contentString = '<center><b>OPTIMA DOO</b><br/>Cara Dušana br. 1<br/>21000 Novi Sad<br/></center>';
                    var infowindow = new google.maps.InfoWindow({
                        content: contentString
                    });
                    google.maps.event.addListener(marker, 'click', function () {
                        infowindow.open(map, marker);
                    });
                    if (results[0].geometry.viewport)
                        map.fitBounds(results[0].geometry.viewport);
                } else {
                    alert("Geocode was not successful for the following reason: " + status);
                }
            });
        }
    </script>