web端cdn方式集成高德地图，可以搜索完整代码

在Web端集成高德地图并支持地图搜索功能通常会涉及到JavaScript API的使用，特别是通过CDN加载。以下是一个简单的步骤：

1. 首先，在HTML文件中引入高德地图API的CDN链接，例如：

<script src="https://webapi.amap.com/maps?v=1.4.15&key=YOUR_API_KEY"></script>

替换`YOUR_API_KEY`为你的实际高德地图API key。

2. 创建一个包含地图容器的DOM元素：

<div id="map" style="width: 100%; height: 500px;"></div>

3. 使用JavaScript初始化地图，并添加搜索框：

// 初始化地图
var map = new AMap.Map('map', {
    zoom: 12,
    center: [116.39, 39.9]
});

// 添加地址搜索组件
AMap.services.search.getAddress({
    input: '北京故宫',
    onSearch: function(status, result) {
        if (status === 0) { // 成功
            var marker = new AMap.Marker(result.address);
            marker.setMap(map);
        } else {
            console.error('获取地址失败，错误信息：', status, result.info);
        }
    }
});

这将创建一个搜索框并在地图上显示搜索结果。