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