unigui 调用百度地图

百度源代码如下:

<style type="text/css">
	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
	#r-result{height:100%;width:20%;float:left;}
</style>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

<title>添加多个标注点</title>

对应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);'); //此行另加的,是让地图支持鼠标缩放