这次我们讲解如何给调用的百度地图加上自定义图标并显示自己的公司名称。

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