5ccb9242.2858fbcc.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{124:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),b=a.n(n),r=a(136),l=a(415);function i(e){const[t,a]=Object(n.useState)(!1);return b.a.createElement(b.a.Fragment,null,b.a.createElement("div",{style:{marginBottom:4}},b.a.createElement("span",null,"\u67e5\u770b\u6e90\u4ee3\u7801\uff1a"),b.a.createElement(l.a,{checked:t,onChange:e=>a(e)})),t&&b.a.createElement(r.a,null,e.children))}},126:function(e,t,a){"use strict";var n=a(2),b=a(0),r=a.n(b),l=a(410),i=a(134),c=a(123),o=(a(47),r.a.forwardRef((function(e,t){var a=e.hideControl,o=e.renderControl,p=void 0===o?function(){return null}:o,m=Object(b.useRef)(void 0);Object(b.useImperativeHandle)(t,(function(){return m.current}),[m.current]);var O=Object(b.useState)(14),d=O[0],j=O[1],s=Object(b.useState)([116.473778,39.990661]),N=s[0],u=s[1],g=Object(b.useCallback)((function(t){t.setFitView(null,!0),e.onMapComplete&&e.onMapComplete(t)}),[]),f=Object(b.useCallback)((function(t,a){e.onMapClick&&e.onMapClick(t,a)}),[]),C=Object.assign({viewMode:"3D",mapStyle:"amap://styles/whitesmoke",isHotspot:!1,showIndoorMap:!1,center:N,zoom:d,onZoomChange:Object(b.useCallback)((function(e){return j(e.getZoom())}),[]),onMapMove:Object(b.useCallback)((function(e){var t=e.getCenter();u([t.getLng(),t.getLat()])}),[])},e.mapOptions),y=Object.assign({width:"100%",height:"400px"},e.mapStyle),h=p();return r.a.createElement(i.a,null,(function(){return r.a.createElement("div",{className:"demo-view",style:{width:"100%"}},!a&&r.a.createElement(l.a,{className:"control",layout:"inline",size:"small",style:{padding:"10px 0px",position:"relative"}},h),r.a.createElement("div",{className:"map",style:y},r.a.createElement(c.a,Object(n.a)({ref:m},C,{onComplete:g,onClick:f}),e.children)))}))})));t.a=o},394:function(e){e.exports=JSON.parse('[{"name":"\u5168\u805a\u5fb7\u70e4\u9e2d","position":[116.467456,39.994996],"zooms":[10,20],"opacity":1,"zIndex":10,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[14,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u5168\u805a\u5fb7\u70e4\u9e2d","direction":"left","offset":[0,-5],"style":{"fontSize":15,"fontWeight":"normal","fillColor":"#333","strokeColor":"#fff","strokeWidth":2}}},{"name":"\u7ee5\u5174\u76db","position":[116.469412,39.996412],"zooms":[10,20],"opacity":1,"zIndex":16,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[101,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u7ee5\u5174\u76db","direction":"top","offset":[0,0],"style":{"fontSize":15,"fontWeight":"normal","fillColor":"#333","strokeColor":"#fff","strokeWidth":2}}},{"name":"\u9999\u6cb3\u8089\u997c","position":[116.471871,39.995616],"zooms":[10,20],"opacity":1,"zIndex":8,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[194,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u9999\u6cb3\u8089\u997c","direction":"right","offset":[0,-5],"style":{"fontSize":15,"fontWeight":"normal","fillColor":"#333","strokeColor":"#fff","strokeWidth":2}}},{"name":"\u91d1\u9f0e\u8f69","position":[116.468098,39.993729],"zooms":[10,20],"opacity":1,"zIndex":23,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[283,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u91d1\u9f0e\u8f69","direction":"bottom","offset":[0,0],"style":{"fontSize":15,"fontWeight":"normal","fillColor":"#333","strokeColor":"#fff","strokeWidth":2}}},{"name":"\u6e58\u897f\u571f\u83dc","position":[116.464471,39.99669],"zooms":[10,20],"opacity":1,"zIndex":6,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[370,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u6e58\u897f\u571f\u83dc","direction":"left","offset":[-3,-7],"style":{"fontSize":13,"fontWeight":"normal","fillColor":"#fff","padding":"2, 5","backgroundColor":"#b1009b"}}},{"name":"\u9999\u732a\u574a","position":[116.468599,39.995847],"zooms":[10,20],"opacity":1,"zIndex":5,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[459,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u9999\u732a\u574a","direction":"top","offset":[0,0],"style":{"fontSize":15,"fontWeight":"normal","fillColor":"#333","strokeColor":"#fff","strokeWidth":2}}},{"name":"\u4eac\u5473\u658b\u70e4\u9e2d\u5e97","position":[116.462483,39.992492],"zooms":[10,20],"opacity":1,"zIndex":4,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[547,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u4eac\u5473\u658b\u70e4\u9e2d\u5e97","direction":"top","offset":[0,0],"style":{"fontSize":13,"fontWeight":"normal","fillColor":"#fff","padding":"2, 5","backgroundColor":"#22884f"}}},{"name":"\u810a\u9aa8\u571f\u8c46\u6c64","position":[116.465586,39.99678],"zooms":[10,20],"opacity":1,"zIndex":3,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[635,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u810a\u9aa8\u571f\u8c46\u6c64","direction":"top","offset":[0,0],"style":{"fontSize":15,"fontWeight":"normal","fillColor":"#333","strokeColor":"#fff","strokeWidth":2}}},{"name":"\u5c71\u897f\u5200\u524a\u9762","position":[116.472881,39.997064],"zooms":[10,20],"zIndex":2,"opacity":1,"icon":{"type":"image","image":"https://a.amap.com/jsapi_demos/static/images/poi-marker.png","clipOrigin":[723,92],"clipSize":[50,68],"size":[25,34],"anchor":"bottom-center","angel":0,"retina":true},"text":{"content":"\u5c71\u897f\u5200\u524a\u9762","direction":"top","offset":[0,0],"style":{"fontSize":13,"fontWeight":"normal","fillColor":"#fff","padding":"2, 5","backgroundColor":"#b1009b"}}}]')},95:function(e,t,a){"use strict";a.r(t),a.d(t,"frontMatter",(function(){return s})),a.d(t,"metadata",(function(){return N})),a.d(t,"rightToc",(function(){return u})),a.d(t,"default",(function(){return f}));var n=a(2),b=a(6),r=a(0),l=a.n(r),i=a(121),c=a(126),o=a(123),p=a(394),m=a(410),O=a(415),d=function(){var e=Object(r.useState)(!0),t=e[0],a=e[1];return l.a.createElement(c.a,{renderControl:function(){return l.a.createElement(l.a.Fragment,null,l.a.createElement(m.a.Item,{label:"\u5f00\u542f\u907f\u8ba9"},l.a.createElement(O.a,{checked:t,onChange:function(e){return a(e)}})))}},l.a.createElement(o.r,{zooms:[3,20],zIndex:1e3,collision:t},p.map((function(e,t){return l.a.createElement(o.q,Object(n.a)({key:t},e))}))))},j=a(124),s={title:"LabelMarker"},N={unversionedId:"references/overlays/point/label-marker",id:"references/overlays/point/label-marker",isDocsHomePage:!1,title:"LabelMarker",description:"LabelMarker \u9700\u8981\u4e0e LabelsLayer\u914d\u5408\u4f7f\u7528",source:"@site/docs/references/overlays/point/label-marker.md",slug:"/references/overlays/point/label-marker",permalink:"/amap-react/docs/references/overlays/point/label-marker",version:"current",sidebar:"docs",previous:{title:"Text",permalink:"/amap-react/docs/references/overlays/point/text"},next:{title:"Polyline",permalink:"/amap-react/docs/references/overlays/line/polyline"}},u=[{value:"Props",id:"props",children:[{value:"LabelMarker Props",id:"labelmarker-props",children:[]},{value:"IconOptions",id:"iconoptions",children:[]},{value:"TextOptions",id:"textoptions",children:[]},{value:"TextStyleOptions",id:"textstyleoptions",children:[]},{value:"LabelsLayer Props",id:"labelslayer-props",children:[]}]},{value:"Events",id:"events",children:[{value:"LabelMarker Props",id:"labelmarker-props-1",children:[]}]},{value:"Example",id:"example",children:[]}],g={rightToc:u};function f(e){var t=e.components,a=Object(b.a)(e,["components"]);return Object(i.b)("wrapper",Object(n.a)({},g,a,{components:t,mdxType:"MDXLayout"}),Object(i.b)("p",null,Object(i.b)("strong",{parentName:"p"},Object(i.b)("inlineCode",{parentName:"strong"},"LabelMarker")," \u9700\u8981\u4e0e ",Object(i.b)("inlineCode",{parentName:"strong"},"LabelsLayer"),"\u914d\u5408\u4f7f\u7528")),Object(i.b)("pre",null,Object(i.b)("code",Object(n.a)({parentName:"pre"},{}),"<LabelsLayer>\n  <LabelMarker position={p} text={textOptions} />\n</LabelsLayer>\n")),Object(i.b)(d,{mdxType:"ExampleLabelMarker"}),Object(i.b)("p",null,Object(i.b)("a",Object(n.a)({parentName:"p"},{href:"#example"}),"Source Code")),Object(i.b)("h2",{id:"props"},"Props"),Object(i.b)("h3",{id:"labelmarker-props"},"LabelMarker Props"),Object(i.b)("table",null,Object(i.b)("thead",{parentName:"table"},Object(i.b)("tr",{parentName:"thead"},Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5c5e\u6027\u540d"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u7c7b\u578b"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5907\u6ce8"))),Object(i.b)("tbody",{parentName:"table"},Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"name")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"position")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2]")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"zooms")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2]")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"opacity")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"rank")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"zIndex")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"visible")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"boolean")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"icon")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"IconOptions")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),"\u4e0b\u8be6")),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"text")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"TextOptions")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),"\u4e0b\u8be6")))),Object(i.b)("h3",{id:"iconoptions"},"IconOptions"),Object(i.b)("table",null,Object(i.b)("thead",{parentName:"table"},Object(i.b)("tr",{parentName:"thead"},Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5c5e\u6027\u540d"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u7c7b\u578b"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5907\u6ce8"))),Object(i.b)("tbody",{parentName:"table"},Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"size")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2], AMap.Size")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"clipOrigin")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2], AMap.Pixel")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"clipSize")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2], AMap.Size")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"anchor")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"Anchor, number[2], AMap.Pixel")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("strong",{parentName:"td"},"*","1"))))),Object(i.b)("ol",null,Object(i.b)("li",{parentName:"ol"},Object(i.b)("inlineCode",{parentName:"li"},"Anchor"),"\u4e3a",Object(i.b)("inlineCode",{parentName:"li"},"'top-left'|'top-center'|'top-right'|'middle-left'|'center'|'middle-right'|'bottom-left'|'bottom-center'|'bottom-right'"))),Object(i.b)("h3",{id:"textoptions"},"TextOptions"),Object(i.b)("table",null,Object(i.b)("thead",{parentName:"table"},Object(i.b)("tr",{parentName:"thead"},Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5c5e\u6027\u540d"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u7c7b\u578b"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5907\u6ce8"))),Object(i.b)("tbody",{parentName:"table"},Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"content")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"direction")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"'top', 'right', 'bottom', 'left', 'center'")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"offset")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2], AMap.Pixel")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"zooms")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2]")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"style")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"TextStyleOptions")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),"\u4e0b\u7965")))),Object(i.b)("h3",{id:"textstyleoptions"},"TextStyleOptions"),Object(i.b)("table",null,Object(i.b)("thead",{parentName:"table"},Object(i.b)("tr",{parentName:"thead"},Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5c5e\u6027\u540d"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u7c7b\u578b"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5907\u6ce8"))),Object(i.b)("tbody",{parentName:"table"},Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"fontSize")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"fillColor")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"strokeColor")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"padding")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string, number[]")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"backgroundColor")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"borderColor")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"string")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"borderWidth")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"fold")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"boolean")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))))),Object(i.b)("h3",{id:"labelslayer-props"},"LabelsLayer Props"),Object(i.b)("table",null,Object(i.b)("thead",{parentName:"table"},Object(i.b)("tr",{parentName:"thead"},Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5c5e\u6027\u540d"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u7c7b\u578b"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5907\u6ce8"))),Object(i.b)("tbody",{parentName:"table"},Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"visible")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"boolean")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"zIndex")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"opacity")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"collision")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"boolean")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"allowCollision")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"boolean")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"zooms")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"number[2]")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))))),Object(i.b)("h2",{id:"events"},"Events"),Object(i.b)("h3",{id:"labelmarker-props-1"},"LabelMarker Props"),Object(i.b)("table",null,Object(i.b)("thead",{parentName:"table"},Object(i.b)("tr",{parentName:"thead"},Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u4e8b\u4ef6\u540d"),Object(i.b)("th",Object(n.a)({parentName:"tr"},{align:null}),"\u5907\u6ce8"))),Object(i.b)("tbody",{parentName:"table"},Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"mousedown")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"mouseup")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"touchstart")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"touchmove")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"touchend")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"click")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"mousemove")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"mouseover")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))),Object(i.b)("tr",{parentName:"tbody"},Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}),Object(i.b)("inlineCode",{parentName:"td"},"mouseout")),Object(i.b)("td",Object(n.a)({parentName:"tr"},{align:null}))))),Object(i.b)("h2",{id:"example"},"Example"),Object(i.b)(j.a,{mdxType:"CodeBlock"},"import React, { useState } from 'react';\nimport DemoView from '../DemoView';\nimport { LabelsLayer, LabelMarker } from '@amap/amap-react';\nimport POIS from '../../static/data/restaurants.json';\nimport { Form, Switch } from 'antd';\n\nconst ExampleLabelMarker = () => {\n  const [collision, setCollision] = useState(true);\n\n  const renderControl = () => {\n    return (\n      <>\n        <Form.Item label=\"\u5f00\u542f\u907f\u8ba9\">\n          <Switch checked={collision} onChange={(v) => setCollision(v)} />\n        </Form.Item>\n      </>\n    );\n  };\n\n  return (\n    <DemoView renderControl={renderControl}>\n      <LabelsLayer zooms={[3, 20]} zIndex={1000} collision={collision}>\n        {POIS.map((poi, i) => (\n          <LabelMarker key={i} {...poi} />\n        ))}\n      </LabelsLayer>\n    </DemoView>\n  );\n};\n\nexport default ExampleLabelMarker;\n"))}f.isMDXComponent=!0}}]);