tdt-map-vue2 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/lib/BaseMap.vue +9 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -37,6 +37,8 @@ Vue.use(TdtMap, {
|
|
|
37
37
|
| viewDatas | array | 否 | [] | 数据，格式同 datas |
|
|
38
38
|
| viewTimer | number | 否 | 800 | 地图视图改变防抖毫秒数 |
|
|
39
39
|
| viewLocation | boolean | 否 | false | changeView 是否携带城市地址信息 |
|
|
40
|
+
| positionControl | boolean | 否 | true | 是否显示缩放平移控件 |
|
|
41
|
+
| zoomControl | boolean | 否 | true | 是否显示地图缩放控件 |
|
|
40
42
|
| tk | string | 否 | - | 天地图 tk |
|
|
41
43
|
| center | number[] | 否 | 杭州经纬度 | 地图 center |
|
|
42
44
|
| zoom | number | 否 | 15 | 地图 zoom |
|
package/lib/BaseMap.vue
CHANGED
|
@@ -181,12 +181,21 @@ export default {
|
|
|
181
181
|
});
|
|
182
182
|
this.map = mapInstance;
|
|
183
183
|
|
|
184
|
+
var globalSw = new TMap.LngLat(-1000, -90); // 全球西南角：西经180，南纬90
|
|
185
|
+
var globalNe = new TMap.LngLat(1000, 90); // 全球东北角：东经180，北纬90
|
|
186
|
+
var globalBounds = new TMap.LngLatBounds(globalSw, globalNe);
|
|
187
|
+
mapInstance.setMaxBounds(globalBounds); // 拖拽超出全球范围会自动弹回
|
|
188
|
+
|
|
189
|
+
// 2. 设置最小缩放等级为3（核心，无法缩放到3级以下）
|
|
190
|
+
mapInstance.setMinZoom(3);
|
|
191
|
+
|
|
184
192
|
const result = this.gcoordTransform(this.center);
|
|
185
193
|
const point = new TMap.LngLat(...result);
|
|
186
194
|
mapInstance.centerAndZoom(point, this.zoom);
|
|
187
195
|
mapInstance.enableScrollWheelZoom();
|
|
188
196
|
mapInstance.enableDoubleClickZoom();
|
|
189
197
|
mapInstance.disableInertia();
|
|
198
|
+
|
|
190
199
|
|
|
191
200
|
// 初始化控制器
|
|
192
201
|
installControls({map:mapInstance, T:TMap,positionControl:this.positionControl,zoomControl:this.zoomControl});
|