欢迎访问长沙友点软件科技有限公司旗下产品友点CMS官方网站!
友点CMS

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

来源:友点CMS 日期:2020-07-09 14:05:50 属于:问答
方法一:


示例源码如下  黄色部分为自己修改部分,经度和纬度获取方式可以百度地图里面查找获得
<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://bbs.youdiancms.com/forum.php?mod=viewthread&tid=89】,但是美中不足的,现在这个百度地图生成器添加标注后,标注图标不显示,如下图:
解决方法也很简单,只要找到生成的代码中的icon地址:
://app.baidu.com/map/images/us_mk_icon.png
替换成这个地址即可:
http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png

替换后的效果:
0731-84037726 / 15074996340 我现在就想咨询客服

上一问题:没有了

下一问题:网站登录后台顶部菜单栏不见了?