【实例简介】使用百度地图API1.1的离线地图,在线时可下载瓦片到本地,离线时,从本地获取瓦片加载显示;

【实例截图】

【核心代码】

///

/// C#调用JS方法

///

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;

}

}

///

/// Js调用C#方法

///

///

///

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中一些方法名称不一样;