├── .gitignore
├── LICENSE
├── README.md
├── composer.json
├── resources
    └── views
    │   └── map.blade.php
└── src
    ├── Extension.php
    ├── TencentMap.php
    └── TencentMapServiceProvider.php


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | phpunit.phar
3 | /vendor
4 | composer.phar
5 | composer.lock
6 | *.project
7 | .idea/


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


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Tencent Map with search for Laravel-admin
 2 | 
 3 | 
 4 | 这个扩展用来帮助你在 form 表单中通过使用腾讯地图搜索地址和点击地图来获取经纬度。
 5 | 
 6 | 
 7 | ## 截图
 8 | 
 9 | <img width="916" alt="搜索地址" src="https://user-images.githubusercontent.com/2421068/53468061-ab4c0400-3a93-11e9-8a41-4c320733af3d.png">
10 | 
11 | ## 安装
12 | 
13 | ```bash
14 | composer require jxlwqq/tencent-map
15 | ```
16 | 
17 | ## 配置
18 | 
19 | 打开config/admin.php，按照你的情况在extensions部分加上如下的配置：
20 | 
21 | ```
22 |     'extensions' => [
23 |         'tencent-map' => [
24 |             'enable' => true,
25 |             'api_key' => env('TENCENT_MAP_API_KEY')
26 |         ]
27 |     ]
28 | ```
29 | 
30 | api_key 在 [腾讯位置服务控制台 -> key管理](https://lbs.qq.com/dev/console/key/manage) 创建。
31 | 
32 | ## 使用
33 | 
34 | 假设你的表中有两个字段`latitude`和`longitude`分别表示纬度和经度，那么在表单中使用如下：
35 | 
36 | ```php
37 | $form->tencentMap('latitude', 'longitude', '经纬度');
38 | 
39 | // 设置地图高度
40 | $form->tencentMap('latitude', 'longitude', '经纬度')->height(500);
41 | 
42 | // 设置地图缩放
43 | $form->tencentMap('latitude', 'longitude', '经纬度')->zoom(13);
44 | 
45 | // 设置默认值
46 | $form->tencentMap('latitude', 'longitude', '经纬度')->default(['lat' => 90, 'lng' => 90]);
47 | ```
48 | 
49 | ## License
50 | 
51 | Licensed under [The MIT License (MIT)](LICENSE).
52 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "jxlwqq/tencent-map",
 3 |     "description": "Tencent Map with search for Laravel-admin",
 4 |     "type": "library",
 5 |     "keywords": ["laravel-admin", "extension"],
 6 |     "homepage": "https://github.com/jxlwqq/tencent-map",
 7 |     "license": "MIT",
 8 |     "authors": [
 9 |         {
10 |             "name": "jxlwqq",
11 |             "email": "jxlwqq@gmail.com"
12 |         }
13 |     ],
14 |     "require": {
15 |         "php": ">=7.0.0",
16 |         "encore/laravel-admin": "~1.6"
17 |     },
18 |     "require-dev": {
19 |         "phpunit/phpunit": "~6.0"
20 |     },
21 |     "autoload": {
22 |         "psr-4": {
23 |             "Jxlwqq\\TencentMap\\": "src/"
24 |         }
25 |     },
26 |     "extra": {
27 |         "laravel": {
28 |             "providers": [
29 |                 "Jxlwqq\\TencentMap\\TencentMapServiceProvider"
30 |             ]
31 | 
32 |         }
33 |     }
34 | }
35 | 


--------------------------------------------------------------------------------
/resources/views/map.blade.php:
--------------------------------------------------------------------------------
 1 | <div class="{{$viewClass['form-group']}} {!! !$errors->has($errorKey) ? '' : 'has-error' !!}">
 2 | 
 3 |     <label for="{{$id['lat']}}" class="{{$viewClass['label']}} control-label">{{$label}}</label>
 4 | 
 5 |     <div class="{{$viewClass['field']}}">
 6 | 
 7 |         @include('admin::form.error')
 8 | 
 9 |         <div class="row">
10 | 
11 |             <div class="col-md-6">
12 |                 <input id="keyword" class="form-control" value="">
13 |             </div>
14 |             <div class="col-md-2">
15 |                 <input type="button" id="map_search" value="搜索" class="form-control btn btn-info">
16 |             </div>
17 |             <div class="col-md-2">
18 |                 <input id="{{$id['lat']}}" name="{{$name['lat']}}" class="form-control"
19 |                        value="{{ old($column['lat'], $value['lat']) }}" {!! $attributes !!} />
20 |             </div>
21 |             <div class="col-md-2">
22 |                 <input id="{{$id['lng']}}" name="{{$name['lng']}}" class="form-control"
23 |                        value="{{ old($column['lng'], $value['lng']) }}" {!! $attributes !!} />
24 |             </div>
25 |         </div>
26 |         <br>
27 | 
28 |         <div class="row">
29 |             <div id="map_{{$id['lat'].$id['lng']}}" style="width: 100%;height: {{ $height }}px"></div>
30 |         </div>
31 | 
32 |         @include('admin::form.help-block')
33 | 
34 |     </div>
35 | </div>
36 | 


--------------------------------------------------------------------------------
/src/Extension.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Jxlwqq\TencentMap;
 4 | 
 5 | use Encore\Admin\Extension as BaseExtension;
 6 | 
 7 | class Extension extends BaseExtension
 8 | {
 9 |     public $name = 'tentcent-map';
10 | 
11 |     public $views = __DIR__.'/../resources/views';
12 | }
13 | 


--------------------------------------------------------------------------------
/src/TencentMap.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace Jxlwqq\TencentMap;
  4 | 
  5 | use Encore\Admin\Form\Field;
  6 | 
  7 | class TencentMap extends Field
  8 | {
  9 |     /**
 10 |      * Column name.
 11 |      *
 12 |      * @var array
 13 |      */
 14 |     protected $column = [];
 15 | 
 16 | 
 17 |     /**
 18 |      * @var string
 19 |      */
 20 |     protected $view = 'laravel-admin-tencent-map::map';
 21 | 
 22 |     /**
 23 |      * Map height.
 24 |      *
 25 |      * @var int
 26 |      */
 27 |     protected $height = 300;
 28 | 
 29 |     /**
 30 |      * @var int
 31 |      */
 32 |     protected $zoom = 13;
 33 | 
 34 |     /**
 35 |      * Get assets required by this field.
 36 |      *
 37 |      * @return array
 38 |      */
 39 |     public static function getAssets()
 40 |     {
 41 |         return ['js' => sprintf('//map.qq.com/api/js?v=2.exp&key=%s', config('admin.extensions.tencent-map.api_key'))];
 42 |     }
 43 | 
 44 |     /**
 45 |      * TencentMap constructor.
 46 |      *
 47 |      * @param string $column
 48 |      * @param array $arguments
 49 |      */
 50 |     public function __construct($column, $arguments)
 51 |     {
 52 |         $this->column['lat'] = (string)$column;
 53 |         $this->column['lng'] = (string)$arguments[0];
 54 | 
 55 |         array_shift($arguments);
 56 | 
 57 |         $this->label = $this->formatLabel($arguments);
 58 |         $this->id = $this->formatId($this->column);
 59 |     }
 60 | 
 61 |     /**
 62 |      * Set map height.
 63 |      *
 64 |      * @param int $height
 65 |      * @return $this
 66 |      */
 67 |     public function height($height = 300)
 68 |     {
 69 |         $this->height = $height;
 70 | 
 71 |         return $this;
 72 |     }
 73 | 
 74 |     public function zoom($zoom = 13)
 75 |     {
 76 |         $this->zoom = $zoom;
 77 | 
 78 |         return $this;
 79 |     }
 80 | 
 81 |     /**
 82 |      * {@inheritdoc}
 83 |      *
 84 |      * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View|string
 85 |      */
 86 |     public function render()
 87 |     {
 88 |         $this->script = $this->applyScript($this->id, $this->zoom);
 89 | 
 90 |         return parent::render()->with(['height' => $this->height]);
 91 | 
 92 | 
 93 |     }
 94 | 
 95 |     public function applyScript(array $id, int $zoom)
 96 |     {
 97 |         return <<<EOT
 98 | (function() {
 99 | 
100 |     var searchService,map,markers = [];
101 | 
102 |     $('#map_search').click(function() {
103 |         var keyword = document.getElementById("keyword").value;
104 |         clearOverlays(markers);
105 |         searchService.search(keyword);
106 | 
107 |     })
108 | 
109 |     function clearOverlays(overlays){
110 |         var overlay;
111 |         while(overlay = overlays.pop()){
112 |             overlay.setMap(null);
113 |         }
114 |     }
115 | 
116 |     function init(name) {
117 |         var lat = $('#{$id['lat']}');
118 |         var lng = $('#{$id['lng']}');
119 |         var center = new qq.maps.LatLng(lat.val() ? lat.val() : 39.916527, lng.val() ? lng.val() : 116.397128);
120 |         var container = document.getElementById("map_"+name);
121 |         var map = new qq.maps.Map(container, {
122 |             center: center,
123 |             zoom: {$zoom}
124 |         });
125 | 
126 |         var latlngBounds = new qq.maps.LatLngBounds();
127 |         //调用Poi检索类
128 |         searchService = new qq.maps.SearchService({
129 |             complete : function(results){
130 |                 var pois = results.detail.pois;
131 |                 for(var i = 0,l = pois.length;i < l; i++){
132 |                     var poi = pois[i];
133 |                     latlngBounds.extend(poi.latLng);
134 |                     var marker = new qq.maps.Marker({
135 |                         map:map,
136 |                         position: poi.latLng
137 |                     });
138 | 
139 |                     marker.setTitle(i+1);
140 | 
141 |                     markers.push(marker);
142 |                 }
143 |                 map.fitBounds(latlngBounds);
144 |             }
145 |         });
146 | 
147 |         var anchor = new qq.maps.Point(6, 6),
148 |             size = new qq.maps.Size(24, 24),
149 |             origin = new qq.maps.Point(0, 0),
150 |             icon = new qq.maps.MarkerImage('https://lbs.qq.com/javascript_v2/img/center.gif', size, origin, anchor);
151 |         var marker = new qq.maps.Marker({
152 |             position: center,
153 |             map: map,
154 |             draggable: true,
155 |             icon: icon
156 |         });
157 | 
158 |         qq.maps.event.addListener(marker,'dragend',function(event) {
159 |             lat.val(event.latLng.getLat());
160 |             lng.val(event.latLng.getLng());
161 |         });
162 |         qq.maps.event.addListener(map, 'click', function(event) {
163 |             marker.setPosition(event.latLng);
164 |             lat.val(event.latLng.getLat());
165 |             lng.val(event.latLng.getLng());
166 |         });
167 |     }
168 |     init('{$id['lat']}{$id['lng']}');
169 | })();
170 | EOT;
171 | 
172 |     }
173 | }
174 | 


--------------------------------------------------------------------------------
/src/TencentMapServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Jxlwqq\TencentMap;
 4 | 
 5 | use Encore\Admin\Admin;
 6 | use Encore\Admin\Form;
 7 | use Illuminate\Support\ServiceProvider;
 8 | 
 9 | class TencentMapServiceProvider extends ServiceProvider
10 | {
11 |     /**
12 |      * {@inheritdoc}
13 |      */
14 |     public function boot(Extension $extension)
15 |     {
16 |         if (! Extension::boot()) {
17 |             return ;
18 |         }
19 | 
20 |         $this->loadViewsFrom($extension->views(), 'laravel-admin-tencent-map');
21 | 
22 |         Admin::booting(function () {
23 |             Form::extend('tencentMap', TencentMap::class);
24 |         });
25 |     }
26 | }
27 | 


--------------------------------------------------------------------------------