- </p>
-
-
- <div class="span4" style="margin-top:10px;">
- <div id="map"></div>
- <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDQKLTu5br_WEqC-jF3yV4-fGLS9dBGXN4"></script>
- <script>
- var map;
- function initialize() {
- map = new google.maps.Map(document.getElementById('map'), {
- zoom: 16,
- center: new google.maps.LatLng(49.613816, 6.128292),
- mapTypeId: google.maps.MapTypeId.ROADMAP,
- panControl:true,
- zoomControl:true,
- mapTypeControl:true,
- scaleControl:true,
- streetViewControl:true,
- overviewMapControl:true,
- rotateControl:true
- });
-
- var iconBase = '/img/';
- var icons = {
- parking: {
- name: 'Parking',
- icon: iconBase + 'parking_lot_maps.png'
-
- },
- library: {
- name: 'Library',
- icon: iconBase + 'library_maps.png'
- },
- info: {
- name: 'Info',
- icon: iconBase + 'mapicon.png'
-
- }
- };
-
- function addMarker(feature) {
- var marker = new google.maps.Marker({
- position: feature.position,
- title: "Fiduciare BKLM",
- draggable: true,
- animation: google.maps.Animation.DROP,
- icon: icons[feature.type].icon,
- map: map
- });
- marker.addListener('click', toggleBounce);
- }
-
-
- var features = [
- {
- position: new google.maps.LatLng(49.613816, 6.128292),
- type: 'info'
-
- }
- ];
-
- for (var i = 0, feature; feature = features[i]; i++) {
- addMarker(feature);
- }
-
- var legend = document.getElementById('legend');
- for (var key in icons) {
- var type = icons[key];
- var name = type.name;
- var icon = type.icon;
- var div = document.createElement('div');
- div.innerHTML = '<img src="<?php echo $basepath; ?>' + icon + '"> ' + name;
- legend.appendChild(div);
- }
-
- map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(legend);
- }
-
- google.maps.event.addDomListener(window, 'load', initialize);
- </script>
\ No newline at end of file