CodePen

HTML

            
              
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
                				<script type="text/javascript">
					  var map = new google.maps.Map(document.getElementById('map'), {
						zoom: 10,
						center: new google.maps.LatLng(<?php $rows = get_field('center_latitude_and_longitude'); if($rows) { foreach($rows as $row) { echo $row['center_latitude_and_longitude_latitude'] . ',' . $row['center_latitude_and_longitude_longitude']; } } ?>),
						mapTypeId: google.maps.MapTypeId.ROADMAP
					  });
					
					  var panera_bread = new google.maps.LatLng(40.583083,-75.457809);
					  var pizza_hut = new google.maps.LatLng(40.583083,-75.457809);
					  var target = new google.maps.LatLng(40.638349,-75.439445);
					
					  var markers = [];
					
					markers[0] = new google.maps.Marker({
						position: panera_bread,
						url: '/url-here/',
						title: 'Panera Bread',
						map: map,
						icon: 'map-marker.png'
					});
					
					markers[1] = new google.maps.Marker({
						position: pizza_hut,
						url: '/url-here/',
						title: 'Pizza Hut',
						map: map,
						icon: 'map-marker.png'
					});
					
					markers[2] = new google.maps.Marker({
						position: target,
						url: '/url-here/',
						title: 'Target',
						map: map,
						icon: 'map-marker.png'
					});
					
					for ( i = 0; i < markers.length; i++ ) {
						google.maps.event.addListener(markers[i], 'click', function() {
							window.location.href = this.url;
						});
					}
					
					</script>

            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................