1、准备一张自定义图片并上传到自己的网站。我们以百度图标为例。记住这张图片的url地址。后面会调用。
![怎样调用百度地图:[1]自定义图标和显示名称](https://exp-picture.cdn.bcebos.com/03605157935653bbcf6f0a4f1d0b3121046171e7.jpg)
2、打开百度地图api查看调用方法我们需要几个工具1、静态图可视化工具2、自定义Marker样式工具3、标签位置-labels和标签样式-labelStyles 工具这几个工具在静态图api接口说明页面可以找到
3、我们先在百度地图API-静态地图生成助手里找到我们要显示的地方,并调整。我们会得到一个经纬度值。下面我们以天安门为例
![怎样调用百度地图:[1]自定义图标和显示名称](https://exp-picture.cdn.bcebos.com/e996472ae3efe078577eb102b96c576698cf65e7.jpg)
4、得到经纬度后我们返回 静态图 API 接口说明页面。找到自定义Marker样式工短铘辔嗟具。在它的下面有一个演示用的地方我们在里面输入自己的自定义值ce荏鱿胫协nter:刚才得到的经纬度 //这里是显示地图中心位置markers::刚才得到的经纬度 //这里显示自定义图标的位置zoom:18 //这里是地图缩放倍数可以自己调整url:输入自定义图标url输入好点运行即可在右侧看到演示图片
![怎样调用百度地图:[1]自定义图标和显示名称](https://exp-picture.cdn.bcebos.com/031231632385e036aede295cb8e039723c035ae7.jpg)
5、点击运行后在运行的下面会显示我们设置的图片调用的代码。复制这个代码并保存到记事本。
![怎样调用百度地图:[1]自定义图标和显示名称](https://exp-picture.cdn.bcebos.com/baab208630486143829b26858febf6a75e0f53e7.jpg)
6、向下滚动页面找到标签位置-label衡痕贤伎s和标签样式-labelStyles 工具下面的演示工具输入我们的自定义值center: //刚才得到的经纬度zoom: //缩放倍数labels: ///刚才得到的经纬度 这里要微调一下经纬度不要和第四部的自定义图片重合content: //这里输入我们要现实的自定义名称fontSize: //自定义名称的字号fontColor: //自定义名称字体颜色bgColor://自定义名称背景颜色
![怎样调用百度地图:[1]自定义图标和显示名称](https://exp-picture.cdn.bcebos.com/1d735518512c8cf1b8e84887c384cde34a2c46e7.jpg)
7、点击运行后会得到调用代码复制这个代码并和第5步得到的代码合并。把不同的合并即可我们就得到想要的效果了。
![怎样调用百度地图:[1]自定义图标和显示名称](https://exp-picture.cdn.bcebos.com/7d34fbf4fcf5ee0d5681c463f96b0ce264e7bae7.jpg)