94 lines
3.2 KiB
JavaScript
94 lines
3.2 KiB
JavaScript
|
// import * as mars3d from "mars3d"
|
|||
|
|
// const Cesium = mars3d.Cesium
|
|||
|
|
|
|||
|
|
(function () {
|
|||
|
|
//采用高德地图定位的算法，参考帮助文档：https://lbs.amap.com/api/javascript-api/guide/services/geolocation
|
|||
|
|
document.write('<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=616e615727a1134331ff9459856653f1"></script>');
|
|||
|
|
|
|||
|
|
class Geolocation extends mars3d.control.ToolButton {
|
|||
|
|
/**
|
|||
|
|
* 创建_container控件容器对象的方法，
|
|||
|
|
* 只会调用一次
|
|||
|
|
* @return {void} 无
|
|||
|
|
* @private
|
|||
|
|
*/
|
|||
|
|
_mountedHook() {
|
|||
|
|
//缩小
|
|||
|
|
this._container = mars3d.DomUtil.create("div", "cesium-button cesium-toolbar-button tracking-deactivated");
|
|||
|
|
this._container.setAttribute("title", "查看GPS位置");
|
|||
|
|
|
|||
|
|
this._container.addEventListener("click", (e) => {
|
|||
|
|
// one time tracking
|
|||
|
|
this.startTracking();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
stopTracking() {
|
|||
|
|
mars3d.DomUtil.removeClass(this._container, "tracking-activated");
|
|||
|
|
mars3d.DomUtil.addClass(this._container, "tracking-deactivated");
|
|||
|
|
|
|||
|
|
this.clearLocationPoint();
|
|||
|
|
}
|
|||
|
|
startTracking() {
|
|||
|
|
AMap.plugin("AMap.Geolocation", ()=> {
|
|||
|
|
mars3d.DomUtil.removeClass(this._container, "tracking-deactivated");
|
|||
|
|
mars3d.DomUtil.addClass(this._container, "tracking-activated");
|
|||
|
|
|
|||
|
|
if (!this.geolocation) {
|
|||
|
|
this.geolocation = new AMap.Geolocation({
|
|||
|
|
enableHighAccuracy: true, // 是否使用高精度定位，默认：true
|
|||
|
|
timeout: 10000, // 设置定位超时时间，默认：无穷大
|
|||
|
|
convert: true, //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var that = this;
|
|||
|
|
this.geolocation.getCurrentPosition();
|
|||
|
|
|
|||
|
|
function onComplete(data) {
|
|||
|
|
// data是具体的定位信息
|
|||
|
|
var wgsPoint = mars3d.PointTrans.gcj2wgs([data.position.lng, data.position.lat]);
|
|||
|
|
that.flyToLocation({ lng: wgsPoint[0], lat: wgsPoint[1] });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onError(data) {
|
|||
|
|
// 定位出错,参考：https://lbs.amap.com/faq/js-api/map-js-api/position-related
|
|||
|
|
mars3d.Util.msg(data.message, "定位失败");
|
|||
|
|
}
|
|||
|
|
AMap.event.addListener(this.geolocation, "complete", onComplete);
|
|||
|
|
AMap.event.addListener(this.geolocation, "error", onError);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
flyToLocation(position) {
|
|||
|
|
mars3d.DomUtil.removeClass(this._container, "tracking-activated");
|
|||
|
|
mars3d.DomUtil.addClass(this._container, "tracking-deactivated");
|
|||
|
|
|
|||
|
|
this._map.flyToPoint(position, {
|
|||
|
|
radius: 2000,
|
|||
|
|
complete: function () {},
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.clearLocationPoint();
|
|||
|
|
var graphic = new mars3d.graphic.DivLightPoint({
|
|||
|
|
position: position,
|
|||
|
|
style: {
|
|||
|
|
color: "#ffff00",
|
|||
|
|
clampToGround: true,
|
|||
|
|
},
|
|||
|
|
tooltip: "我的位置：" + position.lng + "," + position.lat,
|
|||
|
|
});
|
|||
|
|
this._map.graphicLayer.addGraphic(graphic);
|
|||
|
|
|
|||
|
|
this.graphic = graphic;
|
|||
|
|
}
|
|||
|
|
clearLocationPoint() {
|
|||
|
|
if (!this.graphic) return;
|
|||
|
|
this.graphic.destroy();
|
|||
|
|
this.graphic = null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//对外接口
|
|||
|
|
mars3d.control.Geolocation = Geolocation;
|
|||
|
|
})();
|
|||
|
|
|
|||
|
|
// export { Geolocation }
|