seimin
/
zuel-itsm-3.0.2


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
							<!DOCTYPE html>
<html ng-app="ngMap">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
<script src="scripts/app.js"></script>
<!-- build:js scripts/ng-map.min.js -->
<script src="../app/scripts/app.js"></script>
<script src="../app/scripts/directives/map_controller.js"></script>
<script src="../app/scripts/directives/map.js"></script>
<script src="../app/scripts/directives/marker.js"></script>
<script src="../app/scripts/directives/shape.js"></script>
<script src="../app/scripts/services/geo_coder.js"></script>
<script src="../app/scripts/services/navigator_geolocation.js"></script>
<script src="../app/scripts/services/attr2_options.js"></script>
<!-- endbuild -->
</head>

<body>
    <map zoom="6" center="20.291, 153.027" map-type-id="TERRAIN">
      <shape name="polyline" id="foo"
        path="[[22.291, 153.027], [18.291, 153.027]]"
        icons="[
          {
            icon: {
              path: 'M -2,0 0,-2 2,0 0,2 z',
              strokeColor: '#F00',
              fillColor: '#F00',
              fillOpacity: 1
            },
            offset: '0%'
          },
          {
            icon: {
              path: 'M -1,0 A 1,1 0 0 0 -3,0 1,1 0 0 0 -1,0M 1,0 A 1,1 0 0 0 3,0 1,1 0 0 0 1,0M -3,3 Q 0,5 3,3',
              strokeColor: '#00F',
              rotation: 45
            },
            offset: '50%'
          },
          {
            icon: {
              path: 'M -2,-2 2,2 M 2,-2 -2,2',
              strokeColor: '#292',
              strokeWeight: 4
            },
            offset: '100%'
          }
        ]">
      </shape>
   </map>
</body>
</html>