BaseCode/laravel-admin-ext-latlong
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init code

Browse Source
This commit is contained in:
chenc 2022-09-21 14:15:10 +08:00
parent 93de2e4d9f
commit d8e8ebe6e6
14 changed files with 814 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.gitignore vendored Normal file
View File

@ -0,0 +1,7 @@
.DS_Store
phpunit.phar
/vendor
composer.phar
composer.lock
*.project
.idea/

20
LICENSE Normal file
View File

@ -0,0 +1,20 @@
The MIT License (MIT)
Copyright (c) 2015 Jens Segers
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

85
README.md
View File

@ -1,2 +1,85 @@
# laravel-admin-ext-latlong Latitude and longitude selector
======
这个扩展用来帮助你在form表单中选择经纬度，用来替代`Laravel-admin`中内置的`Form\Field\Map`组件, 组件支持的地图包括`Google map`、`百度地图`、`高德地图`、`腾讯地图`、`Yadex map`.
This extension is used to help you select the latitude and longitude in the form, which is used to replace the `Laravel-admin` built in `Form\Field\Map` component. The supported maps include `Google map`, `Baidu map`, `AMap`, `Tencent Map`, `Yadex map`.
## Installation
```bash
composer require laravel-admin-ext/latlong -vvv
```
## Configuration
Open `config/admin.php` and add the following configuration to the extensions section:
```php
'extensions' => [
'latlong' => [
// Whether to enable this extension, defaults to true
'enable' => true,
// Specify the default provider
'default' => 'google',
// According to the selected provider above, fill in the corresponding api_key
'providers' => [
'google' => [
'api_key' => '',
],
'yadex' => [
'api_key' => '',
],
'baidu' => [
'api_key' => 'xck5u2lga9n1bZkiaXIHtMufWXQnVhdx',
],
'tencent' => [
'api_key' => 'VVYBZ-HRJCX-NOJ4Z-ZO3PU-ZZA2J-QPBBT',
],
'amap' => [
'api_key' => '3693fe745aea0df8852739dac08a22fb',
],
]
]
]
```
## Usage
Suppose you have two fields `latitude` and `longitude` in your table that represent latitude and longitude, then use the following in the form:
```php
$form->latlong('latitude', 'longitude', 'Position');
// Set the map height
$form->latlong('latitude', 'longitude', 'Position')->height(500);
// Set default position
$form->latlong('latitude', 'longitude', 'Position')->default(['lat' => 90, 'lng' => 90]);
```
Use in show page
```php
$show->field('Position')->latlong('lat_column', 'long_column', $height = 400);
```
## Donate
如果觉得这个项目帮你节约了时间，不妨支持一下;)
![-1](https://cloud.githubusercontent.com/assets/1479100/23287423/45c68202-fa78-11e6-8125-3e365101a313.jpg)
License
------------
Licensed under [The MIT License (MIT)](LICENSE).

33
composer.json Normal file
View File

@ -0,0 +1,33 @@
{
"name": "aix/latlong",
"description": "Latitude & Longitude selector",
"type": "library",
"keywords": ["laravel-admin", "extension"],
"homepage": "https://github.com/laravel-admin-ext/latlong",
"license": "MIT",
"authors": [
{
"name": "z-song",
"email": "zosong@126.com"
}
],
"require": {
"php": ">=7.0.0",
"aix/laravel-admin": "1.0.*"
},
"require-dev": {
"phpunit/phpunit": "~6.0"
},
"autoload": {
"psr-4": {
"Encore\\Admin\\Latlong\\": "src/"
}
},
"extra": {
"laravel": {
"providers": [
"Encore\\Admin\\Latlong\\LatlongServiceProvider"
]
}
}
}

38
resources/views/latlong.blade.php Normal file
View File

@ -0,0 +1,38 @@
<div class="{{$viewClass['form-group']}} {!! !$errors->has('addressaddress') ? '' : 'has-error' !!}">
<label for="{{$id['lat']}}" class="{{$viewClass['label']}} control-label">{{$label}}</label>
<div class="{{$viewClass['field']}}">
@include('admin::form.error')
<div class="row">
<div class="col-md-3" style="display: none">
<input id="{{$id['lng']}}" name="{{$name['lng']}}" class="form-control" value="{{ old($column['lng'], $value['lng']) }}" {!! $attributes !!} />
</div>
<div class="col-md-3" style="display: none">
<input id="{{$id['lat']}}" name="{{$name['lat']}}" class="form-control" value="{{ old($column['lat'], $value['lat']) }}" {!! $attributes !!} />
</div>
@if($provider != 'yandex')
<div class="col-md-12 ">
<div class="input-group">
<input type="text" class="form-control" id="search-{{$id['lat'].$id['lng']}}" value="{{ old($column['address'], $value['address']) }}">
<span class="input-group-btn">
<button type="button" class="btn btn-info btn-flat"><i class="fa fa-search"></i></button>
</span>
</div>
</div>
@endif
</div>
<br>
<div id="map_{{$id['lat'].$id['lng']}}" style="width: 100%;height: {{ $height }}px"></div>
<script>
</script>
@include('admin::form.help-block')
</div>
</div>

79
src/Extension.php Normal file
View File

@ -0,0 +1,79 @@
<?php
namespace Encore\Admin\Latlong;
use Encore\Admin\Admin;
use Encore\Admin\Extension as BaseExtension;
class Extension extends BaseExtension
{
public $name = 'latlong';
public $views = __DIR__.'/../resources/views';
/**
* @var array
*/
protected static $providers = [
'baidu' => Map\Baidu::class,
'tencent' => Map\Tencent::class,
'amap' => Map\Amap::class,
'google' => Map\Google::class,
'yandex' => Map\Yandex::class,
];
/**
* @var Map\AbstractMap
*/
protected static $provider;
/**
* @param string $name
* @return Map\AbstractMap
*/
public static function getProvider($name = '')
{
if (static::$provider) {
return static::$provider;
}
$name = Extension::config('default', $name);
$args = Extension::config("providers.$name", []);
return static::$provider = new static::$providers[$name](...array_values($args));
}
/**
* @return \Closure
*/
public static function showField()
{
return function ($lat, $lng, $height = 300) {
return $this->unescape()->as(function () use ($lat, $lng, $height) {
$lat = $this->{$lat};
$lng = $this->{$lng};
$id = ['lat' => 'lat', 'lng' => 'lng'];
Admin::script(Extension::getProvider()->applyScript($id));
return <<<HTML
<div class="row">
<div class="col-md-3">
<input id="{$id['lat']}" class="form-control" value="{$lat}"/>
</div>
<div class="col-md-3">
<input id="{$id['lng']}" class="form-control" value="{$lng}"/>
</div>
</div>
<br>
<div id="map_{$id['lat']}{$id['lng']}" style="width: 100%;height: {$height}px"></div>
HTML;
});
};
}
}

87
src/Latlong.php Normal file
View File

@ -0,0 +1,87 @@
<?php
namespace Encore\Admin\Latlong;
use Encore\Admin\Form\Field;
class Latlong extends Field
{
/**
* Column name.
*
* @var array
*/
protected $column = [];
/**
* @var string
*/
protected $view = 'laravel-admin-latlong::latlong';
/**
* Map height.
*
* @var int
*/
protected $height = 300;
/**
* Get assets required by this field.
*
* @return array
*/
public static function getAssets()
{
return ['js' => Extension::getProvider()->getAssets()];
}
/**
* Latlong constructor.
*
* @param string $column
* @param array $arguments
*/
public function __construct($column, $arguments)
{
$this->column['lat'] = (string)$column;
$this->column['lng'] = (string)$arguments[0];
$this->column['address'] = (string)$arguments[2];
array_shift($arguments);
$this->label = $this->formatLabel($arguments);
$this->id = $this->formatId($this->column);
}
/**
* Set map height.
*
* @param int $height
* @return $this
*/
public function height(int $height)
{
$this->height = $height;
return $this;
}
/**
* {@inheritdoc}
*
* @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View|string
*/
public function render()
{
$this->script = Extension::getProvider()->applyScript($this->id);
$variables = [
'height' => $this->height,
'provider' => Extension::config('default'),
];
return parent::render()->with($variables);
}
}

28
src/LatlongServiceProvider.php Normal file
View File

@ -0,0 +1,28 @@
<?php
namespace Encore\Admin\Latlong;
use Encore\Admin\Admin;
use Encore\Admin\Form;
use Encore\Admin\Show;
use Illuminate\Support\ServiceProvider;
class LatlongServiceProvider extends ServiceProvider
{
/**
* {@inheritdoc}
*/
public function boot(Extension $extension)
{
if (! Extension::boot()) {
return ;
}
$this->loadViewsFrom($extension->views(), 'laravel-admin-latlong');
Admin::booting(function () {
Form::extend('latlong', Latlong::class);
Show\Field::macro('latlong', Extension::showField());
});
}
}

36
src/Map/AbstractMap.php Normal file
View File

@ -0,0 +1,36 @@
<?php
namespace Encore\Admin\Latlong\Map;
abstract class AbstractMap
{
/**
* @var string
*/
protected $api;
/**
* Tencent constructor.
* @param $key
*/
public function __construct($key = '')
{
if ($key) {
$this->api = sprintf($this->api, $key);
}
}
/**
* @return array
*/
public function getAssets()
{
return [$this->api];
}
/**
* @param array $id
* @return string
*/
abstract public function applyScript(array $id);
}

76
src/Map/Amap.php Normal file
View File

@ -0,0 +1,76 @@
<?php
namespace Encore\Admin\Latlong\Map;
class Amap extends AbstractMap
{
protected $api = '//webapi.amap.com/maps?v=1.4.12&key=%s';
public function applyScript(array $id)
{
return <<<EOT
(function() {
function init(name) {
var lat = $('#{$id['lat']}');
var lng = $('#{$id['lng']}');
var map = new AMap.Map(name, {
zoom:18,
center: [lng.val() || 0, lat.val() || 0],//中心点坐标
viewMode:'3D'//使用3D视图
});
var marker = new AMap.Marker({
map: map,
draggable: true,
position: [lng.val() || 0, lat.val() || 0],
})
map.on('click', function(e) {
marker.setPosition(e.lnglat);
lat.val(e.lnglat.getLat());
lng.val(e.lnglat.getLng());
});
marker.on('dragend', function (e) {
lat.val(e.lnglat.getLat());
lng.val(e.lnglat.getLng());
});
if( ! lat.val() || ! lng.val()) {
map.plugin('AMap.Geolocation', function () {
geolocation = new AMap.Geolocation();
map.addControl(geolocation);
geolocation.getCurrentPosition();
AMap.event.addListener(geolocation, 'complete', function (data) {
marker.setPosition(data.position);
lat.val(data.position.getLat());
lng.val(data.position.getLng());
});
});
}
AMap.plugin('AMap.Autocomplete',function(){
var autoOptions = {
input:"search-{$id['lat']}{$id['lng']}"
};
var autocomplete= new AMap.Autocomplete(autoOptions);
AMap.event.addListener(autocomplete, "select", function(data){
map.setZoomAndCenter(18, data.poi.location);
marker.setPosition(data.poi.location);
lat.val(data.poi.location.lat);
lng.val(data.poi.location.lng);
});
});
}
init('map_{$id['lat']}{$id['lng']}');
})();
EOT;
}
}

105
src/Map/Baidu.php Normal file
View File

@ -0,0 +1,105 @@
<?php
namespace Encore\Admin\Latlong\Map;
class Baidu extends AbstractMap
{
protected $api = '//api.map.baidu.com/api?v=2.0&ak=%s';
public function applyScript(array $id)
{
return <<<EOT
(function() {
function init(name) {
var lat = $('#{$id['lat']}');
var lng = $('#{$id['lng']}');
var map = new BMap.Map(name);
var point = new BMap.Point(lng.val(), lat.val());
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom(true);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
marker.enableDragging();
if( ! lat.val() || ! lng.val()) {
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(e){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
map.panTo(e.point);
marker.setPosition(e.point);
lat.val(e.point.lat);
lng.val(e.point.lng);
}
else {
console.log('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
}
map.addEventListener("click", function(e){
marker.setPosition(e.point);
lat.val(e.point.lat);
lng.val(e.point.lng);
});
marker.addEventListener("dragend", function(e){
lat.val(e.point.lat);
lng.val(e.point.lng);
});
var ac = new BMap.Autocomplete(
{
"input" : "search-{$id['lat']}{$id['lng']}",
"location" : map,
}
);
var address;
ac.addEventListener("onconfirm", function(e) { //鼠标点击下拉列表后的事件
var _value = e.item.value;
address = _value.province + _value.city + _value.district + _value.street + _value.business;
$(".address").val(address);
setPlace();
});
var addressEl = $("#search-{$id['lat']}{$id['lng']}");
ac.setInputValue(addressEl.val())
addressEl.on("change",function(e) {
var value=$.trim($(this).val());
if(value == '' || value == undefined) {
$(".address").val('');
}
})
function setPlace(){
function myFun(){
var pp = local.getResults().getPoi(0).point;
map.centerAndZoom(pp, 18);
marker.setPosition(pp);
lat.val(pp.lat);
lng.val(pp.lng);
}
var local = new BMap.LocalSearch(map, {
onSearchComplete: myFun
});
local.search(address);
}
}
init('map_{$id['lat']}{$id['lng']}');
})();
EOT;
}
}

98
src/Map/Google.php Normal file
View File

@ -0,0 +1,98 @@
<?php
namespace Encore\Admin\Latlong\Map;
class Google extends AbstractMap
{
/**
* @var string
*/
protected $api = '//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=%s&libraries=places';
/**
* {@inheritdoc}
*/
public function applyScript(array $id)
{
return <<<EOT
(function() {
function init(name) {
var lat = $('#{$id['lat']}');
var lng = $('#{$id['lng']}');
var LatLng = new google.maps.LatLng(lat.val(), lng.val());
var options = {
zoom: 18,
center: LatLng,
panControl: false,
zoomControl: true,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var container = document.getElementById("map_"+name);
var map = new google.maps.Map(container, options);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
map.setCenter(pos);
lat.val(position.coords.latitude);
lng.val(position.coords.longitude);
}, function() {
});
}
var marker = new google.maps.Marker({
position: LatLng,
map: map,
title: 'Drag Me!',
draggable: true
});
google.maps.event.addListener(marker, "position_changed", function(event) {
var position = marker.getPosition();
lat.val(position.lat());
lng.val(position.lng());
});
google.maps.event.addListener(map, 'click', function(event) {
marker.setPosition(event.latLng);
});
var autocomplete = new google.maps.places.Autocomplete(
document.getElementById("search-{$id['lat']}{$id['lng']}")
);
autocomplete.bindTo('bounds', map);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
var location = place.geometry.location;
if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(location);
map.setZoom(18);
}
marker.setPosition(location);
lat.val(location.lat());
lng.val(location.lng());
});
}
init('{$id['lat']}{$id['lng']}');
})();
EOT;
}
}

73
src/Map/Tencent.php Normal file
View File

@ -0,0 +1,73 @@
<?php
namespace Encore\Admin\Latlong\Map;
class Tencent extends AbstractMap
{
/**
* @var string
*/
protected $api = '//map.qq.com/api/js?v=2.exp&key=%s&libraries=place';
/**
* {@inheritdoc}
*/
public function applyScript(array $id)
{
return <<<EOT
(function() {
function init(name) {
var lat = $('#{$id['lat']}');
var lng = $('#{$id['lng']}');
var center = new qq.maps.LatLng(lat.val(), lng.val());
var container = document.getElementById("map_"+name);
var map = new qq.maps.Map(container, {
center: center,
zoom: 18
});
var marker = new qq.maps.Marker({
position: center,
draggable: true,
map: map
});
if( ! lat.val() || ! lng.val()) {
var citylocation = new qq.maps.CityService({
complete : function(result){
map.setCenter(result.detail.latLng);
marker.setPosition(result.detail.latLng);
}
});
citylocation.searchLocalCity();
}
qq.maps.event.addListener(map, 'click', function(event) {
marker.setPosition(event.latLng);
});
qq.maps.event.addListener(marker, 'position_changed', function(event) {
var position = marker.getPosition();
lat.val(position.getLat());
lng.val(position.getLng());
});
var ap = new qq.maps.place.Autocomplete(document.getElementById("search-{$id['lat']}{$id['lng']}"));
var searchService = new qq.maps.SearchService({
map : map
});
qq.maps.event.addListener(ap, "confirm", function(res){
searchService.search(res.value);
});
}
init('{$id['lat']}{$id['lng']}');
})();
EOT;
}
}

50
src/Map/Yandex.php Normal file
View File

@ -0,0 +1,50 @@
<?php
namespace Encore\Admin\Latlong\Map;
class Yandex extends AbstractMap
{
/**
* @var string
*/
protected $api = '//api-maps.yandex.ru/2.1/?lang=ru_RU';
/**
* {@inheritdoc}
*/
public function applyScript(array $id)
{
return <<<EOT
(function() {
function init(name) {
ymaps.ready(function(){
var lat = $('#{$id['lat']}');
var lng = $('#{$id['lng']}');
var myMap = new ymaps.Map("map_"+name, {
center: [lat.val(), lng.val()],
zoom: 18
});
var myPlacemark = new ymaps.Placemark([lat.val(), lng.val()], {
}, {
preset: 'islands#redDotIcon',
draggable: true
});
myPlacemark.events.add(['dragend'], function (e) {
lat.val(myPlacemark.geometry.getCoordinates()[0]);
lng.val(myPlacemark.geometry.getCoordinates()[1]);
});
myMap.geoObjects.add(myPlacemark);
});
}
init('{$id['lat']}{$id['lng']}');
})();
EOT;
}
}