Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBktelhtX7My2gbXhZIR8J9Lu6XXXQ1nNM">
- </script>
- <script type="text/javascript">
- var LocationData = [
- [<%= shop.latitude %>, <%= shop.longitude %>, '<%= shop.direction %>']
- ];
- var map;
- function initialize() {
- var mapOptions = {
- zoom: 3
- };
- var map = new google.maps.Map(document.getElementById('map-canvas-<%= shop.id %>'),
- mapOptions);
- var bounds = new google.maps.LatLngBounds();
- var infowindow = new google.maps.InfoWindow();
- for (var i in LocationData) {
- var p = LocationData[i];
- var latlng = new google.maps.LatLng(p[0], p[1]);
- bounds.extend(latlng);
- var image = 'assets/marcador_sushi.png';
- var marker = new google.maps.Marker({
- position: latlng,
- icon: image,
- map: map,
- title: p[2]
- });
- google.maps.event.addListener(marker, 'click', function() {
- infowindow.setContent(this.title);
- infowindow.open(map, this);
- });
- }
- map.fitBounds(bounds);
- }
- google.maps.event.addDomListener(window, 'load', initialize);
- </script>
- function addShopMap(shop_id, lat, lng, direction){
- var mapOptions = {
- zoom: 3
- };
- var map = new google.maps.Map(document.getElementById('map-canvas-'+shop_id),
- mapOptions);
- var bounds = new google.maps.LatLngBounds();
- var infowindow = new google.maps.InfoWindow();
- var latlng = new google.maps.LatLng(lat, lng);
- bounds.extend(latlng);
- var image = 'assets/marcador_sushi.png';
- var marker = new google.maps.Marker({
- position: latlng,
- icon: image,
- map: map,
- title: direction
- });
- google.maps.event.addListener(marker, 'click', function() {
- infowindow.setContent(this.title);
- infowindow.open(map, this);
- });
- map.fitBounds(bounds);
- }
- <script type="text/javascript">
- addShopMap('<%= shop.id %>', <%= shop.latitude %>, <%= shop.longitude %>, '<%= shop.direction %>');
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement