css绘制水滴状地图坐标

要绘制水滴状地图坐标，可以使用CSS中的伪元素和border-radius属性来实现。

首先，创建一个容器元素，设置它的position为relative，然后在容器元素中创建一个伪元素，设置它的position为absolute。伪元素的宽度和高度应该相等，并且应该具有border-radius属性，这将使它呈现为圆形。然后，将伪元素的左右位置设置为50%，并且将其margin-left设置为伪元素宽度的一半，这将使伪元素水平居中。最后，将伪元素的top位置设置为100%，并且将其margin-top设置为伪元素宽度的一半，这将使伪元素垂直居中并呈现出水滴状。

以下是一个示例CSS代码：

.container {
  position: relative;
  width: 50px;
  height: 50px;
}

.container::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 0 50%;
  background-color: #000;
  left: 50%;
  margin-left: -10px;
  top: 100%;
  margin-top: -10px;
}

在上面的代码中，容器元素的宽度和高度为50px，伪元素的宽度和高度为20px，背景颜色为黑色。您可以根据需要更改这些值。

您可以将上面的代码用于地图坐标点，并将其位置设置为相应的经度和纬度。