百度地图api设置点的图标不显示

Posted 2023-05-09

var pt = new BMap.Point(119.615408,30.269936);
var myIcon = new BMap.Icon("http://developer.baidu.com/map/jsdemo/img/fox.gif", new BMap.Size(300,157));
var marker2 = new BMap.Marker(pt,icon:myIcon); // 创建标注
map.addOverlay(marker2);

以上代码执行没有问题 地图上就显示了 百度地图demo里使用的那个gif图片（图片经度纬度有区别 不用理会）

但改成
var pt = new BMap.Point(119.615408,30.269936);
var myIcon = new BMap.Icon("fox.gif", new BMap.Size(300,157));
var marker2 = new BMap.Marker(pt,icon:myIcon); // 创建标注
map.addOverlay(marker2);
然后把 网上的fox.gif 下载到本地 和htm文件放在一起
执行后 显示

也就是说 改成本地图片链接 图标就不显示了 。
怎么回事？？
以上代码 只有图片位置的区别 一个是网上的图片链接 一个是本地的图片
网页储存在本地 图片fox.gif和网页在同一个目录下

改成
var myIcon = new BMap.Icon("E:\\百度地图源码\\百度地图\\fox.gif", new BMap.Size(300,157));
也能显示
哎 网络地址可以 绝对路径也可以 就是相对路径不行

原因是标记点的图片路径不正确，修改为正确的图片地址就行了。

1、在获取的代码中找到var icon = new BMap.Icon

2、把括号里的图片地址改为：http://map.baidu.com/image/us_mk_icon.png，也可以改到自己的图片路径。（自定义路径）

3、刷新网页就可以了。

扩展资料：

标注审核驳回情况，有以下几种常见的驳回原因：

1、商户名称填写不规范

商户名称为标注商户的官方名称，如果是连锁品牌分店用()标识，如“金汉斯(国展店)”；不能出现乱码、空格、标点、不明字符、网址等，不能超过20个汉字。

2、标注地点与商户地址不符

商户在地图标注的点，应该与输入的地址保持一致。为了避免误差太大，务必请把地图放大到17级以上进行标注。标注地点应该与公路、河流等保持一定距离，不能直接标注在马路上或河流中。

3、电话号码、详情信息错误

填写的电话号码必须是真实的，一旦核实电话号码有误，审核将不予通过。

4、上传资质有误

上传的资质为有最新年检的营业执照副本照片，如果是复印件，请加盖红章。因为某种原因暂时无营业执照，请上传相关的资格证书证明商户的经营关系，并在资质备注一栏说明理由。

上传图片必须清晰可见，请勿上传与资质无关的其他图片，否则将予以驳回。

5、行业类目填写错误

商户选择填写的一级行业、二级行业应与营业执照上的行业对应。请仔细查看商户中心的行业列表，选择正确的行业。

参考资料：

百度地图使用指南_百度百科

参考技术A 到图片代码、var icon = new BMap.Icon
把图片路径改到正确的地址，http://map.baidu.com/image/us_mk_icon.png
也可以改到自己的图片路径。（自定议路径）
上传后更新生成网页就能正常显示了
这是我写的经验地址：
http://jingyan.baidu.com/article/f71d6037be3b221ab641d186.html 参考技术B

我的用相对路径是可以的。

参考技术C 你在js文件里写的路径应该 是相对与html文件的,不是相对与js文件的, 参考技术D 用相对路径啊，../fox.gif

百度地图api 标注的图标不显示问题

图中郑州PPT设计制作中心前面应该有一个小的标，但是死活就是不显示。

经过百度搜索和测试，终于解决。应该是页面定义的CSS和百度的冲突了，解决办法如下：

在当前页面中，加入

<style type="text/css">
#map img {
max-width: inherit;
}
</style>

其中#map为定义的map容器id，如：<div id="map" class="map-c" style="width:100%;height:100%;"></div>，

正常显示的如下：