当前位置: 首页 > news >正文

做白日梦的哪个网站游戏推广拉人渠道

做白日梦的哪个网站,游戏推广拉人渠道,公司建设网站的意义,手机怎么制作h5作品前情提要: 本文vue采用vue3框架,使用百度地图通过组件vue-baidu-map-3x: 组件官网:地图容器 | vue-baidu-map-3x 使用百度地图需要 申请百度地图AK秘钥 步骤:1.进入百度地图开放平台 | 百度地图API SDK | 地图开…

前情提要:

本文vue采用vue3框架,使用百度地图通过组件vue-baidu-map-3x

组件官网:地图容器 | vue-baidu-map-3x

使用百度地图需要 申请百度地图AK秘钥  

步骤:1.进入百度地图开放平台 | 百度地图API SDK | 地图开发 2.打开顶部控制台 3.找到应用管理中-我的应用-创建应用

注意:1.前端开发选择浏览器端,2.必须配置白名单,只有该白名单中的网站才能成功发起调用,多个域名之间请用英文半角逗号隔开,如果不想对任何域名做限制,设置为英文半角星号*

vue3使用

安装 vue-baidu-map-3x
npm install vue-baidu-map-3x --save

全局注册 在main.ts/js 进行注册

import { createApp } from 'vue'
import App from './App.vue'
import BaiduMap from 'vue-baidu-map-3x'const app = createApp(App);app.use(BaiduMap, {// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ak: '百度地图ak',// v:'2.0',  // 默认使用3.0// type: 'WebGL' // ||API 默认API  (使用此模式 BMap=BMapGL)
});
app.mount('#app');
使用
<template><div class="maps"><baidu-map class="map" ak="0yNijLKpCQV4tplf66hZ8sbWCTTrnZSH" v="3.0" type="API" :center="{ lng: 108.891651, lat: 34.229283 }" :zoom="50" scroll-wheel-zoom><bm-marker :position="{ lng: 108.891651, lat: 34.229283 }" :dragging="false" animation="BMAP_ANIMATION_BOUNCE"><bm-label content="我爱北京天安门" /></bm-marker></baidu-map></div></template>
<script setup>
import { BaiduMap } from 'vue-baidu-map-3x'
</script><style>
.maps{width: 1200px;height: 100%;
}
.map {width: 100%;height: 300px;
}
</style>

局部注册

局部注册的 BaiduMap 组件必须声明 ak,v,type 属性

<template><baidu-map class="map" ak="BaiduMapAK" v="3.0" type="API" :center="{lng: 116.404, lat: 39.915}" :zoom="15"></baidu-map>
</template><script setup>
import { BaiduMap } from 'vue-baidu-map-3x'
</script><style>
.map {width: 100%;height: 300px;
}
</style>
常用配置项
ak  //百度地图开发者平台申请的密钥,仅在局部注册组件时声明
center //定位, 可使用如“广州市海珠区”的地区字符串,也可以使用对象如 {lng: 116.404, lat: 39.915} 表示经纬度
zoom  //缩放等级
min-zoom //最小缩放级别
man-zoom //最大缩放级别
dragging //允许拖拽
scroll-wheel-zoom //允许鼠标滚轮缩放
double-click-zoom  //允许双击缩放
其他具体使用配置请参考官网 vue-baidu-map-3x官网 使用

http://www.mnyf.cn/news/41146.html

相关文章:

  • 微信公众平台网站建设新闻报道网络营销和市场营销的区别
  • 牡丹江百姓信息网seo销售是做什么的
  • 企业高端网站建设需要注意哪些事项东莞网站制作推广公司
  • php网站链接支付宝菏泽百度推广公司电话
  • 高端的环保行业网站开发seo关键词怎么填
  • 招标网怎么投标seo首页关键词优化
  • 做网站推广有用不今天发生的重大新闻
  • 新闻类网站怎么做网络教学平台
  • 哪里有专门做网站的海外市场推广做什么的
  • app网站下载免费的搜索引擎优化
  • 云南省建设厅官方网站seo1现在怎么看不了
  • 网站模板分什么类型新闻式软文范例
  • 手机网站视频无法播放是怎么回事广州网站推广软件
  • 江西建设网站免费奖励自己的网站
  • 房地产网站怎么推广怎么做好网络营销推广
  • 招商网站建设公司营销案例网站
  • 如何做网站流量分析长沙百度快速排名优化
  • wordpress新闻抓取插件seo1视频发布会
  • 西宁做网站多少钱泰州百度公司代理商
  • 如何注册一个免费网站十大免费网站推广平台有哪些
  • 网站开发项目小组成员职责免费网页空间到哪申请
  • 包头怎样做网站个人网站首页设计
  • 不用js做网站最好用的免费建站平台
  • 做企业网站的研究现状seo 是什么
  • 网站推广策划信息发布
  • 分析网站建设前期的seo准备工作网站在线客服系统 免费
  • 网站后台上图片后网页显示不正确网络推广软文怎么写
  • app制作平台大全短视频入口seo
  • 外包公司做网站的流程网络运营师资格证
  • 网站建设后的专人维护淘宝关键词优化技巧教程