我尝试在Angular项目中使用地理编码表单esri-leaflet库,但我有导入类问题。 这是我的组件代码: import { Component, OnInit, AfterViewInit, Type } from '@angular/core';
import { latLng, tileLayer, layerGroup, marker, Layer, Control, circle, polygon, Map } from 'leaflet';
import * as L from 'leaflet';
import * as
我正在使用@asymmetrik/ngx-leaflet和@asymmetrik/ngx-leaflet-draw作为传单地图在我的角度9项目。我尝试了一个添加搜索选项在地图上‘esri-传单-地理编码器’。在没有使用@asymmetrik/ngx-leaflet和@asymmetrik/ngx-leaflet-draw的情况下,我成功地将搜索选项放置在地图中,没有错误。效果很好。这是我的工作代码:
/*npm install esri-leaflet esri-leaflet-geocoder*/
import * as L from 'leaflet';
import
我已经尝试了一段时间来使用ngx-leaflet实现这个leaflet tutorial。 在遵循教程的同时,对于如何实现自定义控件或图例,绝对没有明确的documentation。 var info = L.control();
info.onAdd = function (map) {
this._div = L.DomUtil.create('div', 'info'); // create a div with a class "info"
this.update();
return this._div;
};
我用ngx-leaflet和ngx-leaflet-draw来显示传单地图。我可以从工具栏标记图标在地图上显示一个标记。单击标记时,我希望显示“材料对话框”组件。当我单击标记时,我可以在控制台上显示标记坐标。代码是
public onMapReady(map: L.Map) {
map.on(L.Draw.Event.CREATED, function(e) {
const type = (e as any).layerType,
layer = (e as any).layer;
if (type === 'marker'
希望你们一切顺利。我试着用传单来加工,但我不知道问题出在哪里。
步骤我已经这么做了:
npm安装-节省传单-路由-机器
dashboard.component.ts
import {Component, OnInit} from '@angular/core';
import * as L from 'leaflet';
import 'leaflet-routing-machine';
import "leaflet-routing-machine/dist/leaflet-routing-machine.css"