Skip to content

M
myAppraisal
Switch branch/tag
Find file
Normal viewHistoryPermalink
leaflet.component.html 1.51 KB
Newer Older
init
2e49948e
 
Ooh-Ao committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 
<app-page-header [title]="'Leaflet Maps'"title1="Leaflet Maps" [activeitem]="'Maps'"></app-page-header>

        <!-- Start::row-1 -->
        <div class="grid grid-cols-12 gap-6">
          <div class="col-span-12 lg:col-span-6">
            <div class="box">
              <div class="box-header">
                <h5 class="box-title">Leaflet Map</h5>
              </div>
              <div class="box-body">
                <div class="h-300" id="map" leaflet [leafletOptions]="options2"></div>
              </div>
            </div>
          </div>
          <div class="col-span-12 lg:col-span-6">
            <div class="box">
              <div class="box-header">
                <h5 class="box-title">Map With Markers,Circes and Polygons</h5>
              </div>
              <div class="box-body">
                <div class="h-300" id="map1" leaflet [leafletOptions]="options1"></div>

              </div>
            </div>
          </div>
        </div>
        <!-- End::row-1 -->

        <!-- Start::row-2 -->
        <div class="grid grid-cols-12 gap-6">
          <div class="col-span-12 lg:col-span-6">
            <div class="box">
              <div class="box-header">
                <h5 class="box-title">Map With Popup</h5>
              </div>
              <div class="box-body">

                  <div class="h-200 h-sm-300 h-md-400 mb-0" id="map-popup" leaflet [leafletOptions]="options3"></div>

              </div>
            </div>
          </div>
        
        </div>
        <!-- End::row-2 -->