如何在角项目中使用传单地图将圆放置在中心,经度,纬度来自后端的地图中

问题描述

我有一个角度应用程序,并且已经使用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 (将#修改为@)

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...