如何解决如何在角项目中使用传单地图将圆放置在中心,经度,纬度来自后端的地图中
我有一个角度应用程序,并且已经使用Leaflet开放式街道地图创建了地图。 我的任务是在地图上创建圆,其圆心,纬度和经度来自Backend API。 我从未参与过此事。任何人都可以帮助我解决这个问题。
我的component.ts文件是
.component.ts
constructor(private ds:DashboardService,private router: Router) { }
lat: number;
lng: number;
ngOnInit() {
var myIcon = L.icon({
iconUrl: 'assets/leaflet/images/drone.png',iconSize: [31,41],iconAnchor: [9,21],popupAnchor: [0,-14]
});
var map = L.map('map').setView([13.0827,80.2707],3);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
} ).addTo(map);
和服务功能是 .service.ts
export class DashboardService {
dta:any;
url:'http://127.0.0.1:9999'
constructor(private http: HttpClient,private router: Router) {
this.http.get(this.url).subscribe(dta=>{
console.log(dta);
})
}
我要在地图上放置来自后端的圆心,经度和纬度。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。