dcat欄位擴充套件：地圖拖拽設定xy座標

簡介

dcat欄位擴充套件：地圖拖拽設定xy座標

參考了dcat自帶的map欄位元件，將經緯度改為xy座標，使用vue的雙向繫結功能，將marker的left和top定位樣式，與xy座標的input繫結，同時監聽了marker的拖拽事件。

使用

1. 下載並複製到根目錄，暫時沒做composer包

2. 註冊擴充套件：
   在app/Admin/bootstrap.php中

   Form::extend('xyMap', \App\Admin\Extensions\Form\XyMap::class);

3. 控制器的form中使用(需要資料庫有xy欄位)

$form->xyMap('x','y','座標');

4. 設定背景圖片和marker圖片：

可以替換bg.png，也可以用->bg($url)和->marker($url)

5. 設定高度：

->height('400px')

6. 設定marker動畫效果的類名
   ->animateClass() 不傳則禁用動畫

地址

gitee倉庫

本作品採用《CC 協議》，轉載必須註明作者和本文連結