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用来存储本地图片路径,

百度地图json传数信息窗加载数据库图片

图片需要放在项目文件夹下面,这里是放在了资源文件夹下面,只是没有添加到解决方案里,只在文件夹下

百度地图json传数信息窗加载数据库图片

生成信息窗图片的主要是这一句

"<img style='float:right;margin:4px' id='imgDemo' src='" + p.picture + "' width='139' height='104' title='" + p.id + "'/>" +

 

百度地图json传数信息窗加载数据库图片

相关文章:

  • 2022-01-14
  • 2021-12-02
  • 2021-12-02
  • 2021-09-26
  • 2022-01-01
  • 2022-12-23
  • 2022-12-23
  • 2021-07-20
猜你喜欢
  • 2022-12-23
  • 2021-11-19
  • 2021-12-06
  • 2021-10-29
  • 2022-12-23
  • 2021-09-08
相关资源
相似解决方案