first init
This commit is contained in:
arifal
137
resources/views/maps/google.blade.php
Executable file
137
resources/views/maps/google.blade.php
Executable file
@@ -0,0 +1,137 @@
|
||||
@extends('layouts.vertical', ['subtitle' => 'Google Maps'])
|
||||
|
||||
@section('content')
|
||||
@include('layouts.partials/page-title', ['title' => 'Maps', 'subtitle' => 'Google Maps'])
|
||||
|
||||
<div class="row row-cols-lg-2 gx-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Basic Example</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and
|
||||
<code><textarea></code>s an upgrade with custom styles, sizing, focus
|
||||
states,
|
||||
and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div class="mb-3">
|
||||
<div id="gmaps-basic" class="gmaps"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Markers Google Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and
|
||||
<code><textarea></code>s an upgrade with custom styles, sizing, focus
|
||||
states,
|
||||
and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div class="mb-3">
|
||||
<div id="gmaps-markers" class="gmaps"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Street View Panoramas Google Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and
|
||||
<code><textarea></code>s an upgrade with custom styles, sizing, focus
|
||||
states,
|
||||
and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="panorama" class="gmaps"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Google Map Types</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and
|
||||
<code><textarea></code>s an upgrade with custom styles, sizing, focus
|
||||
states,
|
||||
and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="gmaps-types" class="gmaps"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Ultra Light With Labels</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and
|
||||
<code><textarea></code>s an upgrade with custom styles, sizing, focus
|
||||
states,
|
||||
and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="ultra-light" class="gmaps"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Dark</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and
|
||||
<code><textarea></code>s an upgrade with custom styles, sizing, focus
|
||||
states,
|
||||
and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="dark" class="gmaps"></div>
|
||||
</div>
|
||||
</div> <!-- end card body -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<!-- Google Maps API -->
|
||||
<script src="http://maps.google.com/maps/api/js"></script>
|
||||
@vite(['resources/js/pages/maps-google.js'])
|
||||
@endsection
|
||||
108
resources/views/maps/vector.blade.php
Executable file
108
resources/views/maps/vector.blade.php
Executable file
@@ -0,0 +1,108 @@
|
||||
@extends('layouts.vertical', ['subtitle' => 'Vector Maps'])
|
||||
|
||||
@section('content')
|
||||
|
||||
@include('layouts.partials/page-title', ['title' => 'Maps', 'subtitle' => 'Vector Maps'])
|
||||
|
||||
<div class="row row-cols-lg-2 gx-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">World Vector Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and <code><textarea></code>s an upgrade
|
||||
with custom styles, sizing, focus states, and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="world-map-markers" style="height: 360px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Canada Vector Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and <code><textarea></code>s an upgrade
|
||||
with custom styles, sizing, focus states, and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="canada-vector-map" style="height: 360px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Russia Vector Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and <code><textarea></code>s an upgrade
|
||||
with custom styles, sizing, focus states, and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="russia-vector-map" style="height: 360px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Iraq Vector Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and <code><textarea></code>s an upgrade
|
||||
with custom styles, sizing, focus states, and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="iraq-vector-map" style="height: 360px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Spain Vector Map</h5>
|
||||
<p class="card-subtitle">Give textual form controls like
|
||||
<code><input></code>s and <code><textarea></code>s an upgrade
|
||||
with custom styles, sizing, focus states, and more.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div>
|
||||
<div id="spain-vector-map" style="height: 360px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end card body -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
@vite([ 'resources/js/pages/maps-vector.js',
|
||||
'resources/js/pages/maps-canada.js',
|
||||
'resources/js/pages/maps-iraq.js',
|
||||
'resources/js/pages/maps-russia.js',
|
||||
'resources/js/pages/maps-spain.js',
|
||||
])
|
||||
@endsection
|
||||
Reference in New Issue
Block a user