谷歌地图上的自定义输入字段可能吗?

时间:2017-06-21 12:30:10

标签: css maps

我在网站上使用谷歌地图。 是否可以在地图上定位自定义输入字段? 自定义字段不是googles api的端口。 如果有可能,google是否允许这样做?

首先我要知道是否可能。我问我们的开发人员。但他们中没有人知道。

1 个答案:

答案 0 :(得分:1)

我认为你正在寻找类似下面的结果!!!!!

.parent {
  position: relative;
}

.absolute {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

input[type="text"] {
  border: 1px solid #000;
  padding: 5px 5px;
  border-radius: 2px;
  background: #ff0000;
  color: #fff;
}
<div class="parent">
  <iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d15781.912376898357!2d76.87786109999999!3d8.549939649999999!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1498051352217" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
  <div class="absolute">
    <form method="POST">
      <input type="text" name="test" value="Input box here" />
    </form>
  </div>
</div>