使用Polymer循环Google地图标记

时间:2017-04-27 18:47:22

标签: google-maps polymer google-maps-markers

我正在使用<google-map>聚合物组件,如下所示:

 <template>
    <google-map additional-map-options='{"mapTypeId":"hybrid"}' fit-to-markers>
       <google-map-marker latitude={{latitude}} longitude={{longitude}}
                     draggable="true" title={{title}}></google-map-marker>

     </google-map>
</template>
<script>
    Polymer({
      is: "my-map",
      ready: function () {
          this.latitude = 39.3991186;
          this.longitude = -79.5913991;
          this.title = "Marker 1"

      }
  });
</script>

如果我有很多标记(超过100个标记),如下所示,我如何循环并自动将所有标记添加到地图中?

  markers: [{"lat": 35.137879, "lon": -76.5913991, "title":"Marker 1"},
             {"lat": 35.137879, "lon": -82.836914, "title":"Marker 2"},
             {"lat": 47.651968, "lon": -82.836914, "title":"Marker 3"},
              ...]

1 个答案:

答案 0 :(得分:0)

要迭代function get_info_from_email($email) { if (!$email) { return false; } global $db; $stmt = $db->prepare(" SELECT id, name, email, type, data, file FROM attendee WHERE 1=1 AND email = :email "); // return false if the query cannot be executed if (!$stmt->execute(array(':email' => $email))) { return false; } // return false if there was an **error** retrieving the query results if (($info = $stmt->fetchAll()) === false) { return false; } return $info; } 数组,您可以像这样使用dom-repeat template

markers

codepen