上篇文章写了高德地图API的使用,这次来说一下高德地图老对手百度地图API的使用,当然了这次说的是百度地图里面的个性化地图建设,通常在企业网站的建设中,地图的重要性不言而喻,但千篇一律的地图样式,又怎么给人眼前一亮的感觉呢,而且地图的色彩、布局等元素也应该要契合企业网站才行,所以建设个性化地图就能让一个企业网站更加的与众不同。
首先登陆https://lbsyun.baidu.com/apiconsole/custommap,进入到个人的控制台,然后打开特色服务平台,选择个性化地图,选择新建
然后我们就会来到一个编辑页面
选择一个样式模板,我这里选择一个青花瓷的样式模板
如果对配色不满意,也可以在配色推荐里进行配色或者上传一张图片进行颜色识别配色
如果还要进行更细致的编辑可以选择详细编辑模式
当所有编辑完成后,点击发布样式,相当于把之前编辑好的地图样式保存
然后返回控制台,在我的地图里面就可以看到刚才发布的地图了
然后获取ak值
提交后就能拿到ak值了,
接下来直接贴代码,只需要替换ak值和样式id就能调用自己编辑的地图样式模板了
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak值"></script>
<script type="text/javascript">
var map = new BMapGL.Map('map'); // 创建Map实例
map.centerAndZoom(new BMapGL.Point(114.065127,22.547922), 10); //初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
map.setMapStyleV2({
styleId: '652488b95be216817c8d6e009e1f2b5d' //styleId中是个性化地图发布时生成的样式ID
});
</script>
上次百度地图API的链接:/news/6205.html
本文名称:企业网站建设之百度地图API—个性化地图
网页地址:/news36/244336.html
成都网站建设公司_创新互联,为您提供面包屑导航、ChatGPT、用户体验、网站策划、小程序开发、星空体育app最新版本(2024已更新)
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联