当前位置: 首页 > 后端技术 > Node.js

腾讯地图开源组件

时间:2023-04-03 20:36:21 Node.js

react-qmap--React腾讯地图组件一个简单封装腾讯web地图的React组件GitHub源码地址:戳我的栗子:戳我的栗子源码:戳我的installyarnaddreact-qmapornpminstallreact-qmap基本用法importReactQMapfrom'react-qmap';APIMethodTypeOptionalDefaultDescriptiongetMapfunctionfalse获取地图对象和当前容器的地图对象,第一个参数是new的当前地图对象,和第二个参数为全局地图对象styleobjectfalse设置组件的内联样式,默认样式width:'100%',height:'100%'classNamestringfalse设置组件的classmySpotobjectfalse设置地图的定位坐标initialOptionsobjectfalsezoom:14,disableDefaultUI:true,zoomControl:false,mapTypeControl:false,initialize地图的参数默认简单设置。更多初始化参数,请参考文档apiKeystringtrue设置地图引用的key。为防止调用API受限,建议在官网申请自己的keycenterobjecttrue,用于设置地图初始化的中心位置坐标。地图,获取到地图对象后,就可以根据官网提供的信息为所欲为。更多API操作请查看腾讯地图官网(戳我)。一块原石被简单的封装,封装还在继续。如果老铁有更好的方法或者想法,不妨PR来一波~我给你双击666。有问题可以加入前端交流群一起讨论:前端攻城狮②群组:592688854licenseMIT