@xuehongbo/map-craft-js/example.js

MapCraftJS 是一个功能强大且灵活的开源 JavaScript 库，旨在简化互动地图的创建和操作。使用 MapCraftJS，开发者可以轻松地将动态地图功能集成到应用程序中，为用户提供根据自定义配置查看、注释和互动的地图体验。(开发中！！！)

import MapClient from './index.js';

// 初始化地图
function initMap(type) {
    document.getElementById('map').innerHTML = '';
    let mapConfig = {
        platform: type,
        security: {
            AMap: {
                code: '你申请的高德地图code',
                key: '你申请的高德地图key'
            },
            BMap: {
                ak: '你申请的百度地图ak'
            },
            EGis:{
                key:'你申请的思极地图appKey',
                secret:'你申请的思极地图appSecret'
            }
        }
        
    }
    // 创建地图实例
    const client = new MapClient(mapConfig, {
        container: 'map',
        center: { lng: 118.11964, lat: 24.46433 },
        zoom: 15
    });
    client.on('loaded', () => {
        client.addMarker({
            position: { lng: 118.11964, lat: 24.46433 }
        });
    });
}

// 解析XML并绘制线路图
function parseAndDrawRoute(xmlString) {
    // 这里可以添加解析XML的逻辑
    console.log('解析XML并绘制线路图:', xmlString);
    // 假设解析后得到的点数组
    const points = [
        { lng: 118.11964, lat: 24.46433 },
        { lng: 118.12064, lat: 24.47433 },
        { lng: 118.13064, lat: 24.48433 }
    ];
    // 绘制线路图
    const client = new client('amap', {
        container: 'map',
        center: { lng: 118.11964, lat: 24.46433 },
        zoom: 15
    });
    client.on('loaded', () => {
        client.drawPolyline(points);


    });
}

// 将 initMap 和 parseAndDrawRoute 挂载到 window 对象上，使其在全局作用域中可用
window.initMap = initMap;
window.parseAndDrawRoute = parseAndDrawRoute;

// 页面加载完成后初始化地图
window.onload = () => initMap('egis');