Javascript 如何将数据地图中的地图更改为世界地图的图像?

Javascript 如何将数据地图中的地图更改为世界地图的图像?,javascript,angular,datamaps,Javascript,Angular,Datamaps,我想将datamaps中的映射更改为svg图像。这样我可以在以后的阶段根据需要将其更改为不同的地图。是否可以这样做,或者我是否需要更改datamap中的代码以将映射更改为其他映射?或者有没有办法在世界地图中隐藏一些国家?我已经能够使用dataURL解决这个问题并获得所需的结果 this.worldMap = new Datamap({ element: this.worldMapElementRef.nativeElement, responsive: true, sc

我想将datamaps中的映射更改为svg图像。这样我可以在以后的阶段根据需要将其更改为不同的地图。是否可以这样做,或者我是否需要更改datamap中的代码以将映射更改为其他映射?或者有没有办法在世界地图中隐藏一些国家?

我已经能够使用dataURL解决这个问题并获得所需的结果

 this.worldMap = new Datamap({
    element: this.worldMapElementRef.nativeElement,
    responsive: true,
    scope: 'world',
    aspectRatio: 0.60,
    fills: {
        defaultFill: '#22496e',
        'color-type-1': '#ffdd00'
    },
    geographyConfig: {
        dataUrl: '../../../../assets/world.topo.json',
        popupOnHover: true,
        highlightOnHover: false,
        borderWidth:1,
        borderOpacity: 1,
        borderColor: '#22496e',
    }
});

我已经能够使用dataURL解决这个问题,并获得所需的结果

 this.worldMap = new Datamap({
    element: this.worldMapElementRef.nativeElement,
    responsive: true,
    scope: 'world',
    aspectRatio: 0.60,
    fills: {
        defaultFill: '#22496e',
        'color-type-1': '#ffdd00'
    },
    geographyConfig: {
        dataUrl: '../../../../assets/world.topo.json',
        popupOnHover: true,
        highlightOnHover: false,
        borderWidth:1,
        borderOpacity: 1,
        borderColor: '#22496e',
    }
});