Commit 7cd8311d by nurchamim

modul : library dan plugins leaflet maps

status : selesai
keterangan : menghapus library dan plugins leaflet maps
parent 35874013
......@@ -219,22 +219,4 @@ class Dashboard_absensi extends MY_Controller {
$data['content'] = $this->load->view('dashboard_absensi/lokasi', $data, true);
$this->load->view('main_template', $data, false);
}
function leaflet_map($lat, $long, $nama_kantor){
$this->load->library('Leaflet');
$config = array(
'center' => $lat.','.$long, // Center of the map
'zoom' => 15, // Map zoom
);
$this->leaflet->initialize($config);
$marker = array(
'latlng' => $lat.','.$long, // Marker Location
'popupContent' => $nama_kantor, // Popup Content
);
$this->leaflet->add_marker($marker);
return $this->leaflet->create_map(500);
}
}
......@@ -409,27 +409,6 @@ class Pengajuan_lembur extends MY_Controller
$this->load->view('main_template', $data, false);
}
private function draw_map($map_id = 'map', $data)
{
$this->load->library('Leaflet');
$lat = $data['latitude'];
$long = $data['longitude'];
$config = array(
'center' => $lat . ',' . $long, // Center of the map
'zoom' => 15, // Map zoom
);
$this->leaflet->initialize($config);
$marker = array(
'latlng' => $lat . ',' . $long, // Marker Location
'popupContent' => $data['nama_lengkap'], // Popup Content
'single_marker' => true,
);
$this->leaflet->add_marker($marker);
return $this->leaflet->create_map($map_id);
}
public function detail_lembur_mulai($id)
{
$data['judul'] = 'Detail Lembur Mulai';
......
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
* CodeIgniter Leaflet Js Class
*
*
*
* @package CodeIgniter
* @subpackage Libraries
* @category Libraries
* @author anggriyulio (Anggri Yulio P)
* @link https://anggriyulio.com/
*/
class Leaflet
{
protected $ci;
var $tileLayer ="https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png";
var $attribution = '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>, Tiles courtesy of <a href="https://hot.openstreetmap.org/" target="_blank">Humanitarian OpenStreetMap Team</a>';
// Map State Options
var $center ="-0.959, 100.39716";
var $zoom ="13";
var $layers ="";
var $map_name ="map";
var $minZoom ="";
var $maxZoom ="";
var $user ="";
var $crs ="L.CRS.EPSG3857";
// Interaction options
var $dragging = TRUE;
var $touchZoom = TRUE;
var $scrollWheelZoom = TRUE;
var $doubleClickZoom = TRUE;
var $boxZoom = TRUE;
var $tap = TRUE;
var $tapTolerance = 15;
var $trackResize = TRUE;
var $worldCopyJump = FALSE;
var $closePopupOnClick = TRUE;
var $bounceAtZoomLimits = TRUE;
// Control options
var $zoomControl = TRUE;
var $attributionControl = TRUE;
// Events
var $click = '';
var $dblclick = '';
var $mousedown = '';
var $mouseup = '';
var $mouseover = '';
var $mouseout = '';
var $mousemove = '';
var $press = '';
var $focus = '';
var $blur = '';
var $existing = '';
var $load = '';
var $unload = '';
var $creating = '';
var $movestart = '';
var $move = '';
var $moveend = '';
var $dragstart = '';
var $drag = '';
var $dragend = '';
var $zoomstart = '';
var $zoomend = '';
var $zoomlevelschange = '';
var $resize = '';
var $autopanstart = '';
var $layeradd = '';
var $layerremove = '';
var $baselayerchange = '';
var $overlayadd = '';
var $overlayremove = '';
var $locationfound = '';
var $locationerror = '';
var $popupopen = '';
var $popupclose = '';
var $customFunction ='';
var $markers = array();
public function __construct(){
$this->ci =& get_instance();
}
function leaflet($config = array()) {
if (count($config) > 0) {
$this->initialize($config);
}
}
function initialize($config = array()) {
foreach ($config as $key => $val)
{
if (isset($this->$key))
{
$this->$key = $val;
}
}
}
function add_marker($params = array()) {
$marker = array();
//$this->markersInfo['marker_'.count($this->markers)] = array();
$marker['latlng'] = "-0.9583407792361563,100.3982162475586";
$marker['icon'] = "";
$marker['clickable'] = TRUE;
$marker['draggable'] = FALSE;
$marker['keyboard'] = TRUE;
$marker['title'] = "";
$marker['alt'] = "";
$marker['zIndexOffset'] = 0;
$marker['opacity'] = 1.0;
$marker['riseOnHover'] = FALSE;
$marker['riseOffset'] = 250;
// Marker Event
$marker['dragend'] ="";
$marker['customFunction'] ="";
$marker['iconColor'] ="";
$marker['spin'] = FALSE;
$marker['extraClasses'] ="";
$marker['popupContent'] = "";
// Marker Icon
$marker['customicon'] = FALSE;
$marker['iconUrl'] = "";
$marker['iconRetinaUrl'] = "";
$marker['iconSize'] = "[20,20]";
$marker['iconAnchor'] = "";
$marker['popupAnchor'] = "";
$marker['shadowUrl'] = "";
$marker['shadowRetinaUrl'] = "";
$marker['shadowSize'] = "";
$marker['shadowAnchor'] = "";
$marker['className'] = "icon-marker";
$marker_output = '';
foreach ($params as $key => $value) {
if (isset($marker[$key])) {
$marker[$key] = $value;
}
}
// Create the marker
$marker_output .='marker = new L.marker(['.$marker['latlng'].'],({';
// Start of marker options
if (!$marker['clickable']) {
$marker_output .= 'clickable: false,';
}
if (!$marker['draggable']==false) {
$marker_output .= 'draggable: true,';
}
if (!$marker['keyboard']) {
$marker_output .= '"keyboard":false,';
}
if ($marker['title']) {
$marker_output .= '"title":"'.$marker['title'].'",';
}
if ($marker['alt']) {
$marker_output .= '"alt":"'.$marker['alt'].'",';
}
if ($marker['zIndexOffset']) {
$marker_output .= '"zIndexOffset":'.$marker['zIndexOffset'].',';
}
if (!$marker['opacity']) {
$marker_output .= '"opacity":'.$marker['opacity'].',';
}
if ($marker['riseOnHover']) {
$marker_output .= '"riseOnHover":true,';
}
if (!$marker['riseOffset']) {
$marker_output .= '"riseOffset":'.$marker['riseOffset'].',';
}
if ($marker['extraClasses']) {
$marker_output .= '"extraClasses" : "'.$marker['extraClasses'].'",';
}
// Custom Marker Icon
if ($marker['customicon']==TRUE) {
$marker_output .= 'icon: L.icon({';
$marker_output .= 'iconUrl: "'.$marker['iconUrl'].'",';
if (!$marker['iconRetinaUrl']=="") {
$marker_output .= 'iconRetinaUrl: "'.$marker['iconRetinaUrl'].'",';
}
if (!$marker['iconSize']=="") {
$marker_output .= 'iconSize: '.$marker['iconSize'].',';
}
if (!$marker['iconAnchor']=="") {
$marker_output .= 'iconAnchor: '.$marker['iconAnchor'].',';
}
if (!$marker['popupAnchor']=="") {
$marker_output .= 'popupAnchor: '.$marker['popupAnchor'].',';
}
if (!$marker['shadowUrl']=="") {
$marker_output .= 'shadowUrl: "'.$marker['shadowUrl'].'",';
}
if (!$marker['shadowRetinaUrl']=="") {
$marker_output .= 'shadowRetinaUrl: "'.$marker['shadowRetinaUrl'].'",';
}
if (!$marker['shadowSize']=="") {
$marker_output .= 'shadowSize: '.$marker['shadowSize'].',';
}
if (!$marker['shadowAnchor']=="") {
$marker_output .= 'shadowAnchor: '.$marker['shadowAnchor'].',';
}
if (!$marker['className']=="") {
$marker_output .= 'className: "'.$marker['className'].'",';
}
$marker_output .= '}),';
}
// End of Custom icon
// End of marker options
$marker_output .='}))';
if ($marker['popupContent'] != "") {
$marker_output .= '.bindPopup("'.$marker['popupContent'].'")';
}
$marker_output .='.addTo(map);';
if ($marker['dragend'] != "") {
$marker_output .= 'marker.on("dragend", '.$marker['dragend'].');';
}
if ($marker['customFunction'] != "") {
$marker_output .= $marker['customFunction'];
}
// custom danang
if(isset($params['single_marker']))
{
if($params['single_marker'] === true)
{
// kosongkan array dulu
if(isset($this->markers[0]))
{
unset($this->markers[0]);
}
}
}
array_push($this->markers, $marker_output);
}
function create_map($el = 'map') {
$this->output_js = '';
$this->output_js_contents = '';
$this->output_html = '';
$this->output_html .= '<div id="'.$el.'" style="width:100%; height:400px;"></div>';
$this->output_js .= '
<script type="text/javascript">
$(document).ready(function() {
';
$this->output_js_contents .= '
var map = L.map("'.$el.'",{
center: ['.$this->center.'],
zoom: '.$this->zoom.',
dragging: '.$this->dragging.'
})
';
$this->output_js_contents .= '
L.tileLayer("'.$this->tileLayer.'", {';
$this->output_js_contents .= "attribution: '$this->attribution'";
$this->output_js_contents .= '
}).addTo(map)
';
if ($this->customFunction !="") {
$this->output_js_contents .= $this->customFunction;
}
if ($this->click != "") {
$this->output_js_contents .='
'.$this->map_name.'.on("click",'.$this->click.');
';
}
/*
* Add marker.
* @uses add_marker
*/
if (count($this->markers)) {
foreach ($this->markers as $marker) {
$this->output_js_contents .= $marker;
}
}
$this->output_js .= $this->output_js_contents;
$this->output_js .= '
});
';
$this->output_js .= '</script>';
return array('js'=>$this->output_js, 'html'=>$this->output_html);
}
}
/* End of file leaflet.php */
/* Location: ./application/libraries/leaflet.php */
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle"><?= ucwords(str_replace('_', ' ', $judul)) ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
......
<link rel="stylesheet" href="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.css" />
<script src="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.js"></script>
<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.5.0/dist/esri-leaflet.js"
integrity="sha512-ucw7Grpc+iEQZa711gcjgMBnmd9qju1CICsRaryvX7HJklK0pGl/prxKvtHwpgm5ZHdvAil7YPxI1oWPOWK3UQ=="
crossorigin=""></script>
<!-- Load Esri Leaflet Geocoder from CDN -->
<link rel="stylesheet" href="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.css"
integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
crossorigin="">
<script src="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.js"
integrity="sha512-HrFUyCEtIpxZloTgEKKMq4RFYhxjJkCiF5sDxuAokklOeZ68U2NPfh4MFtyIVWlsKtVbK5GD2/JzFyAfvT5ejA=="
crossorigin=""></script>
<script>
function validateForm() {
var jumlah = document.forms["form"]["jarak"].value;
......
<link rel="stylesheet" href="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.css" />
<script src="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.js"></script>
<!-- <link rel="stylesheet" href="<?= base_url(); ?>/assets/plugins/leaflet/esri-leaflet-geocoder.css" integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
crossorigin=""/>
<script src="<?= base_url(); ?>/assets/plugins/leaflet/esri-leaflet-geocoder.js" integrity="sha512-HrFUyCEtIpxZloTgEKKMq4RFYhxjJkCiF5sDxuAokklOeZ68U2NPfh4MFtyIVWlsKtVbK5GD2/JzFyAfvT5ejA=="
crossorigin=""></script>
<script src="<?= base_url(); ?>/assets/plugins/leaflet/esri-leaflet.js" integrity="sha512-ucw7Grpc+iEQZa711gcjgMBnmd9qju1CICsRaryvX7HJklK0pGl/rxKvtHwpgm5ZHdvAil7YPxI1oWPOWK3UQ=="crossorigin=""></script> -->
<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.5.0/dist/esri-leaflet.js"
integrity="sha512-ucw7Grpc+iEQZa711gcjgMBnmd9qju1CICsRaryvX7HJklK0pGl/prxKvtHwpgm5ZHdvAil7YPxI1oWPOWK3UQ=="
crossorigin=""></script>
<link rel="stylesheet" href="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.css"
integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
crossorigin="">
<script src="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.js"
integrity="sha512-HrFUyCEtIpxZloTgEKKMq4RFYhxjJkCiF5sDxuAokklOeZ68U2NPfh4MFtyIVWlsKtVbK5GD2/JzFyAfvT5ejA=="
crossorigin=""></script>
<script>
function validateForm() {
var jumlah = document.forms["form"]["jarak"].value;
......
<script src="https://maps.googleapis.com/maps/api/js?key=<?= $this->config->item('api_map_key') ?>&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
function validateForm() {
......
<link rel="stylesheet" href="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.css" />
<script src="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.js"></script>
<script>
$(function() {
table = $('#list_data').DataTable({
......
<link rel="stylesheet" href="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.css" />
<script src="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.js"></script>
<script>
$(function() {
......
......@@ -46,9 +46,6 @@
<!-- Calendar CSS -->
<link href="<?= base_url() ?>/assets/plugins/calendar/dist/fullcalendar.css" rel="stylesheet" />
<!-- leaflet -->
<link rel="stylesheet" href="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.css" />
<!-- datatables -->
<link href="<?= base_url() ?>assets/plugins/datatables/datatables.css" rel="stylesheet">
<link href="<?= base_url() ?>assets/plugins/datatables/datatables.min.css" rel="stylesheet">
......@@ -69,43 +66,9 @@
<!-- autonumeric -->
<script src="<?=base_url('assets/js')?>/autoNumeric.js"></script>
<?php
$url = 'apps.absenku.com';
if($_SERVER['HTTP_HOST'] == $url) {
?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QXW3N223T4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QXW3N223T4');
</script>
<!-- Start of absenku Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=a125a5ef-3d32-404f-bbb9-c1b24fcfd134"> </script>
<!-- End of absenku Zendesk Widget script -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PHSGPWL');</script>
<!-- End Google Tag Manager -->
<?php } ?>
</head>
<body class="horizontal-layout horizontal-menu 2-columns menu-expanded" data-open="click" data-menu="horizontal-menu" data-col="2-columns">
<?php
if($_SERVER['HTTP_HOST'] == $url) {
?>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHSGPWL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<?php } ?>
<!-- fixed-top-->
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-static-top navbar-brand-center">
<div class="navbar-wrapper">
......@@ -297,9 +260,6 @@
<!-- Datepicker ID -->
<script src="<?=base_url()?>assets/js/datepicker-id.js"></script>
<!-- leaflet -->
<script src="<?= base_url(); ?>/assets/plugins/leaflet/leaflet.js"></script>
<!-- Calendar JavaScript -->
<script src="<?= base_url() ?>/assets/plugins/moment/moment.js"></script>
<script src='<?= base_url() ?>/assets/plugins/calendar/dist/fullcalendar.min.js'></script>
......
.geocoder-control-input{position:absolute;left:0;top:0;background-color:white;background-repeat:no-repeat;background-image:url("img/search.png");background-size:26px;border:none;padding:0;text-indent:6px;font-size:13px;line-height:normal;height:auto;padding-top:5px;padding-bottom:5px;width:100%;background-position:right center;cursor:pointer;box-sizing:border-box}.geocoder-control-input-disabled{background-color:#f4f4f4;background-image:url("img/search-disabled.png")}.geocoder-control{width:26px;height:26px;-webkit-transition:width .175s ease-in;-moz-transition:width .175s ease-in;-ms-transition:width .175s ease-in;-o-transition:width .175s ease-in;transition:width .175s ease-in}.geocoder-control-expanded,.leaflet-touch .geocoder-control-expanded{width:275px}.geocoder-control-input.geocoder-control-loading{background-image:url("img/loading.gif");background-size:26px}@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){.geocoder-control-input{background-image:url("img/search@2x.png")}.geocoder-control-input-disabled{background-image:url("img/search@2x-disabled.png")}.geocoder-control-input.geocoder-control-loading{background-image:url("img/loading@2x.gif")}}.geocoder-control-input:focus{outline:none;cursor:text}.geocoder-control-input::-ms-clear{display:none}.geocoder-control-suggestions{width:100%;position:absolute;top:26px;left:0;margin-top:10px;overflow:auto;display:none}.geocoder-control-list+.geocoder-control-header{border-top:1px solid #d5d5d5}.geocoder-control-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#444;background:#F2F2F2;border-bottom:1px solid #d5d5d5;display:block;padding:.5em}.geocoder-control-list{list-style:none;margin:0;padding:0}.geocoder-control-suggestions .geocoder-control-suggestion{font-size:13px;padding:7px;background:white;border-top:1px solid #f1f1f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.geocoder-control-suggestions .geocoder-control-suggestion:first-child{border:none}.geocoder-control-suggestions .geocoder-control-suggestion.geocoder-control-selected,.geocoder-control-suggestions .geocoder-control-suggestion:hover{background:#7FDFFF;border-color:#7FDFFF}.leaflet-right .geocoder-control-suggestions{left:auto;right:0}.leaflet-right .geocoder-control-input{left:auto;right:0}.leaflet-bottom .geocoder-control-suggestions{margin-top:0;top:0}.leaflet-touch .geocoder-control{width:34px}.leaflet-touch .geocoder-control.geocoder-control-expanded{width:275px}.leaflet-touch .geocoder-control-input{height:34px;line-height:30px;background-size:30px}.leaflet-touch .geocoder-control-suggestions{top:30px;width:271px}.leaflet-oldie .geocoder-control-input{width:28px;height:28px}.leaflet-oldie .geocoder-control-expanded .geocoder-control-input{width:auto}.leaflet-oldie .geocoder-control-input,.leaflet-oldie .geocoder-control-suggestions{border:1px solid #999}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment