添加百度地图，标注图标无法显示如何解决？

来源： 华夏亿人网络有限公司 日期：2020-07-09 14:05:50 点击：11907 属于：基础知识

方法一：

示例源码如下黄色部分为自己修改部分，经度和纬度获取方式可以百度地图里面查找获得
<div id="MapContainer" style="width:800px; height:380px;"></div>     【800px改成100%】

<script src="//api.map.baidu.com/api?v=3.0&ak=6lsQyoWKsB0l9K9rt6EFLkqjjBY45N87"></script>
        <script>
                var map = new BMap.Map("MapContainer"); //在指定的容器内创建地图实例
                map.enableScrollWheelZoom(true); //启用滚轮放大缩小，默认禁用。
                //map.addControl( new BMap.NavigationControl() );

                var jd = "{$Longitude}";    【{$Longitude}改成你的坐标经度】
                var wd = "{$Latitude}";     【{$Latitude}改成你的坐标纬度】
                if( jd && wd){
                        var mypoint = new BMap.Point(jd, wd);
                        map.centerAndZoom(mypoint, 15);
                        map.clearOverlays();
                        var marker = new BMap.Marker(mypoint);
                        map.addOverlay(marker);
                        marker.setAnimation(BMAP_ANIMATION_BOUNCE);
                }else{
                        map.centerAndZoom("北京市", 15);//默认地图的显示范围
                }
        </script>

方法二：
百度地图生成器（http://api.map.baidu.com/lbsapi/creatmap/）就很好的满足了这一部分用户的诉求，快速简单的给自己网页添加一个加标注的地图【地图添加方法：http://bbs.youdiancms.com/forum.php?mod=viewthread&tid=89】，但是美中不足的，现在这个百度地图生成器添加标注后，标注图标不显示，如下图：

解决方法也很简单，只要找到生成的代码中的icon地址：
http://app.baidu.com/map/images/us_mk_icon.png
替换成这个地址即可：
http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png

替换后的效果：

本文来源：华夏网络，转载请注明出处！如需要营销型网站建设、商城系统开发、多端小程序开发、多端小程序商城开发、分销系统开发请联系我们！

扫码加微信

上一文章：新装的网站后台登录点击没反应