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