高德地图js开发，给城市某个区添加颜色

index.less

 1 .amap-logo,
 2 .amap-copyright {
 3     display: none !important;
 4 }
 5 
 6 #container {
 7     width: 600px;
 8     height: 600px;
 9 }
10 
11 @keyframes fadeToBottom {
12     0% {
13         transform: translateY(-20px);
14         opacity: 0;
15     }
16 }
17 
18 
19 .factory {
20     width: 1px;
21     height: 1px;
22     position: relative;
23 
24     .factory-in {
25         // display: none;
26         width: 90px;
27         padding: 5px;
28         font-size: 12px;
29         background-color: #fff;
30         border: 1px solid orangered;
31         border-radius: 5px;
32         text-align: center;
33         animation: fadeToBottom 1s 0s both;
34         position: absolute;
35         left: 50%;
36         margin-left: -38px;
37         margin-top: -20px;
38 
39         h5 {
40             font-weight: bold;
41             line-height: 12px;
42             font-size: 12px;
43         }
44 
45         p {
46             margin-bottom: 0;
47         }
48 
49         &::after {
50             content: '';
51             position: absolute;
52             display: block;
53             border-left: 5px solid transparent;
54             border-right: 5px solid transparent;
55             border-top: 5px solid orangered;
56             bottom: -5px;
57             left: 50%;
58             transform: translateX(-50%);
59         }
60     }
61 }

View Code