百度地图API1.1制作的离线地图控件(html+webbroswer)

【核心代码】

        /// <summary>
        /// C#调用JS方法
        /// </summary>
        private object CsharpInvokeJs(string func, params object[] args)
        {
            try
            {
                HtmlDocument doc = webBrowser1.Document;
                object ret = doc?.InvokeScript(func, args);
                return ret;
            }
            catch (Exception ex)
            {
                Console.WriteLine(ex.ToString());
                return null;
            }
        }
        /// <summary>
        /// Js调用C#方法
        /// </summary>
        /// <param name="method"></param>
        /// <param name="param"></param>
        public object JsInvokeCsharp(string method, params object[] param)
        {
            if (method == "GetTile")
            {//互联网的瓦片资源改为本地瓦片资源
                int x = (int)param[0];
                int y = (int)param[1];
                int z = (int)param[2];
                string url = (string)param[3];
                string localtile = TrySaveTile(x,y,z,url);
                return localtile;
            }
            return null;
        }

Js获取瓦片url后,调用C#方法替换在线url为本地瓦片的路径,实现离线地图;

见"api1.1.js"

 if (this.mapType == BMAP_NORMAL_MAP) {
                    e = aT.tileUrls[Math.abs(a0 aV) % aT.tileUrls.length]
                        "?qt=tile"
                        "&x=" a0
                        "&y=" aV
                        "&z=" i
                        "&styles=pl&udt=20140928";
                    e = e.replace(/-(\d )/gi, "M$1")

                    //API原本的获取在线瓦片url,尝试替换为本地瓦片地址

                    try {
                        var url = GetTile(a0, aV, i, e);
                        if (url != null) {
                            //有本地的离线瓦片,使用本地离线瓦片
                            e = url;
                        }
                    }
                    catch(e){
                        //异常,比如没有可调用的C#-GetTile方法
                    }
                }

可根据APi的js代码添加覆盖物.

如Maker的创建,更新坐标,删除如下:

var Markers = new Array();
//添加一个覆盖物-标记点
function AddMarker(id, lng, lat, iconurl) {
    try {
        var point = new BMap.Point(lng, lat);
        var myIcon = new BMap.Icon(iconurl, new BMap.Size(48, 32));
        var marker = new BMap.Marker(point, { icon: myIcon });
        Markers[id] = marker;
        var label = new BMap.Label(id, { "offset": new BMap.Size(15, 0) });
        marker.setLabel(label);
        map.addOverlay(marker);
        label.setStyle({
            borderColor: "#808080",
            color: "#333",
            cursor: "pointer"
        });
    }
    catch (e) {
        alert(e);
    }
}
//删除覆盖物-标记点
function deleteMarker(id) {
    if (Markers[id] == null) {
        //没有这个点
    }
    else {
        map.removeOverlay(Markers[id]);
        Markers.remove(Markers[id]);
    }
}
//更细覆盖物-标记点坐标
function updateMarker(id, p0, p1) {
    var point = new BMap.Point(p0, p1);
    if (Markers[id] == null) {
        //没有这个点
    }
    else {
        Markers[id].setPoint(point);
    }
}

百度地图API有更新的版本,改为离线版本的方法类似.但是新版本在webbroswer这个老一代的控件里显示一些覆盖物不正常,所以只做了1.1的.注意1.1和2.0,3.0的API中一些方法名称不一样;