unigui 调用百度地图

百度源代码如下:

对应unigui 代码:

1、 在unit ServerModule --- CustomCSS 中添加:

2、 在unit ServerModule--- CustomFiles下添加:
http://api.map.baidu.com/api?v=2.0&ak=56eb635801f9877966bb84abc65ddf5D
对应上面:http://api.map.baidu.com/api?v=2.0&ak=您的密钥

3、 在unit ServerModule--- CustomMeta下添加:


4、 在要调用的界面 UniHTMLFrame1 的HTML 中添加:

初始化展示中心点为（116.4035,39.915），缩放级别为8的北京市地图，2秒后，通过设置缩放级别将地图放大到14级

5、在需要调用的地方加入下列代码: // 百度地图API功能 UniSession.AddJS( 'var map = new BMap.Map("allmap");'+ 'var point = new BMap.Point(116.404, 39.915);'+ 'map.centerAndZoom(point, 15);'+ // 编写自定义函数,创建标注 'function addMarker(point){'+ ' var marker = new BMap.Marker(point);'+ ' map.addOverlay(marker);'+ '}'+ // 随机向地图添加25个标注 'var bounds = map.getBounds();'+ 'var sw = bounds.getSouthWest();'+ 'var ne = bounds.getNorthEast();'+ 'var lngSpan = Math.abs(sw.lng - ne.lng);'+ 'var latSpan = Math.abs(ne.lat - sw.lat);'+ 'for (var i = 0; i < 25; i ++) {'+ ' var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));'+ ' addMarker(point);'+ '}'+ ' map.enableScrollWheelZoom(true);'); //此行另加的,是让地图支持鼠标缩放