点击事件在Google地图中显示标记

用户名

我有以下脚本:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=visualization">
</script>
<script>
   var map;

  function initialize() {
    var mapOptions = {
      zoom: 5,
      center: new google.maps.LatLng(2.8,-187.3),
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
          mapOptions);
    var script = document.createElement('script');
    script.src = 'geojson';
    document.getElementsByTagName('head')[0].appendChild(script);
  }
    window.eqfeed_callback = function(results) {
    for (var i = 0; i < results.features.length; i++) {
      var coords = results.features[i].geometry.coordinates;
      var latLng = new google.maps.LatLng(coords[1],coords[0]);
      var marker = new google.maps.Marker({
        position: latLng,
        map: map
      });
    }
  }

</script>

可以看出script.src是一个名为“ geojson”的文件,我正在开发一个浏览器应用程序,用户在其中单击下拉菜单中的年份。后端脚本被执行,并生成一个新的geojson文件,其中包括geojson格式的新坐标。但是这些位置在我重新加载页面之前在当前地图中不可见。是否可以在脚本执行后1或2秒钟重新加载地图,或者是否可以通过ajax将数据发送回去,以便地图检测到新位置并显示它们。感谢任何帮助。

用户名

最后,我通过在click事件上调用此函数initialize()来完成此操作。这样,每次用户单击按钮时都会调用此函数,现在script.src引用由脚本形成的新geojson文件。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章