400-800-9385
网站建设资讯详细

企业网站建设之百度地图API—个性化地图

发表日期:2021-10-11 16:00:06   作者来源:黎云辉   浏览:162   标签:企业网站建设    
上篇文章写了高德地图API的使用,这次来说一下高德地图老对手百度地图API的使用,当然了这次说的是百度地图里面的个性化地图建设,通常在企业网站的建设中,地图的重要性不言而喻,但千篇一律的地图样式,又怎么给人眼前一亮的感觉呢,而且地图的色彩、布局等元素也应该要契合企业网站才行,所以建设个性化地图就能让一个企业网站更加的与众不同。

首先登陆https://lbsyun.baidu.com/apiconsole/custommap,进入到个人的控制台,然后打开特色服务平台,选择个性化地图,选择新建

地图网页应用1

然后我们就会来到一个编辑页面

地图网页应用2

选择一个样式模板,我这里选择一个青花瓷的样式模板

地图网页应用3



如果对配色不满意,也可以在配色推荐里进行配色或者上传一张图片进行颜色识别配色

地图配色

地图

如果还要进行更细致的编辑可以选择详细编辑模式

编辑

当所有编辑完成后,点击发布样式,相当于把之前编辑好的地图样式保存
 

地图选择样式

地图样式

然后返回控制台,在我的地图里面就可以看到刚才发布的地图了
 

地图



然后获取ak值

地图AK

 

提交后就能拿到ak值了,地图KEY
 
接下来直接贴代码,只需要替换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的链接:https://www.szfangwei.cn/news/6205.html
 
 
 
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6243.html
企业相关公司评论
  • 企业在找建站公司时不要只关注价格,多看一下建站公司的案例,不要找主要做中文网站的建站公司,他们往往更熟悉国内人喜欢的网站风格,对国外网站研究较少,而企业建外贸网站的目的是给国外客户...
    昌都网站安全防护公司
  • 如果你的公司企业内容有自己的技术人员,可以觉得自己建网站,如果没有也可以使用saas建站,比如H5模板建站,这些都是目前比较流行的企业网站建设方式。
    拉萨网络营销公司