怎样调用百度地图:[1]自定义图标和显示名称

2025-10-26 23:04:05

1、 准备一张自定义图片并上传到自己的网站。我们以百度图标为例。

记住这张图片的url地址。后面会调用。

怎样调用百度地图:[1]自定义图标和显示名称

2、 打开百度地图api查看调用方法

我们需要几个工具

1、静态图可视化工具

2、自定义Marker样式工具

3、标签位置-labels和标签样式-labelStyles 工具

这几个工具在静态图api接口说明页面可以找到

3、 我们先在百度地图API-静态地图生成助手里找到我们要显示的地方,并调整。我们会得到一个经纬度值。下面我们以天安门为例

怎样调用百度地图:[1]自定义图标和显示名称

4、 得到经纬度后我们返回 静态图 API 接口说明页面。找到自定义Marker样式工具。

在它的下面有一个演示用的地方我们在里面输入自己的自定义值

center:刚才得到的经纬度               //这里是显示地图中心位置

markers::刚才得到的经纬度        //这里显示自定义图标的位置

zoom:18                                        //这里是地图缩放倍数可以自己调整

url: 输入自定义图标url 

输入好点运行即可在右侧看到演示图片

怎样调用百度地图:[1]自定义图标和显示名称

5、点击运行后在运行的下面会显示我们设置的图片调用的代码。

复制这个代码并保存到记事本。

怎样调用百度地图:[1]自定义图标和显示名称

6、 向下滚动页面找到标签位置-labels和标签样式-labelStyles 工具下面的演示工具

输入我们的自定义值

center:           //刚才得到的经纬度

zoom:            //缩放倍数labels:           / //刚才得到的经纬度   这里要微调一下经纬度不要和第四部的自定义图片重合

content:        //这里输入我们要现实的自定义名称fontSize:       //自定义名称的字号fontColor:     //自定义名称字体颜色bgColor:       //自定义名称背景颜色

怎样调用百度地图:[1]自定义图标和显示名称

7、 点击运行后会得到调用代码复制这个代码并和第5步得到的代码合并。

把不同的合并即可我们就得到想要的效果了。

怎样调用百度地图:[1]自定义图标和显示名称

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢