function Jsondingwei() {
map.clearOverlays();
map.centerAndZoom(new BMap.Point(102.746056, 25.082944), 6);
$.ajax({
type: "post",
url: "pinganlongJWD.ashx",
dataType: "json",
success: function (data) {
if (data != null && data != undefined && data.length > 0) {
for (var j = 0; j < data.length; j++) {
var p = data[j];
var pt = new BMap.Point(p.lon, p.lat);
//var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300, 157));
var marker2 = new BMap.Marker(pt); // 创建标注 , { icon: myIcon }
(function () {
var sContent =
"<h4 style='margin:0 0 5px 0;padding:0.2em 0'>" + p.id + "</h4>" +
"<img style='float:right;margin:4px' id='imgDemo' src='" + p.picture + "' width='139' height='104' title='" + p.id + "'/>" +
"<p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>" + p.description + "</p>" +
"</div>";
var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
marker2.addEventListener("click", function () {
this.openInfoWindow(infoWindow);
//图片加载完毕重绘infowindow
document.getElementById('imgDemo').onload = function () {
infoWindow.redraw(); //防止在网速较慢,图片未加载时,生成的信息框高度比图片的总高度小,导致图片部分被隐藏
}
});
map.addOverlay(marker2);
数据库中的列名,picture用来存储本地图片路径,
图片需要放在项目文件夹下面,这里是放在了资源文件夹下面,只是没有添加到解决方案里,只在文件夹下
生成信息窗图片的主要是这一句
"<img style='float:right;margin:4px' id='imgDemo' src='" + p.picture + "' width='139' height='104' title='" + p.id + "'/>" +