【问题标题】:How to know is marker inside polygon in google maps api如何知道谷歌地图api中多边形内的标记
【发布时间】:2011-11-05 12:24:21
【问题描述】:

当您单击地图中的任意位置时,会创建 1 个新标记并制作多边形 它工作正常,但现在我的问题是我无法得到来自数据库的标记是否在多边形内,如何知道它???

<?php include("config.php"); ?>
<?php $result = mysql_query("select * from `googlemaps`"); ?>
<html>
<head>
<title>Google Maps</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var poly, map;
  var markers = [];
  var path = new google.maps.MVCArray;

  function initialize() {
    var LatLng = new google.maps.LatLng(23.183, 75.767);

    map = new google.maps.Map(document.getElementById("map"), {
      zoom: 12,
      center: LatLng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });


  function createMarker(point, title) {

       var infowindow = new google.maps.InfoWindow({
        content: "<span style='color:blue;'>"+title+"</span>"
    });   
      var marker =  new google.maps.Marker({
          position: point, 
          map: map, 
          title:title
      });

      marker.Image ='https://d3szoh0f46td6t.cloudfront.net/public/1626980/small';
     google.maps.event.addListener(marker, "click", function() { 
     infowindow.open(map,marker);
      });
        return marker;
    }
<?php
        if(mysql_num_rows($result)>0)
        {
          while( $data = mysql_fetch_array($result) )
         { ?>
         createMarker(new google.maps.LatLng(<?php echo $data['lat']; ?>, <?php echo $data['lon']; ?>),  "<?php echo $data['title']; ?>");

    <?php } 
         }
?>  
    poly = new google.maps.Polygon({
      strokeWeight: 3,
      fillColor: '#5555FF'
    });
    poly.setMap(map);
    poly.setPaths(new google.maps.MVCArray([path]));

    google.maps.event.addListener(map, 'click', addPoint);
  }

  function addPoint(event) {
    path.insertAt(path.length, event.latLng);

    var marker = new google.maps.Marker({
      position: event.latLng,
      map: map,
      draggable: true
    });

    markers.push(marker);
    marker.setTitle("#" + path.length);

    google.maps.event.addListener(marker, 'click', function() {
      marker.setMap(null);
      for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
      markers.splice(i, 1);
      path.removeAt(i);
      }
    );

    google.maps.event.addListener(marker, 'dragend', function() {
      for (var i = 0, I = markers.length; i < I && markers[i] != marker; ++i);
      path.setAt(i, marker.getPosition());
      document.getElementById("abc").innerHTML=path.setAt(i, marker.getPosition());
      }
    );
  }

</script>
</head>
<body style="margin:0px; padding:0px;" onLoad="initialize()">
  <div id="map" style="width:500px; height:500px;"></div>
    <div id="abc"></div>
</body>
</html>

【问题讨论】:

    标签: php javascript google-maps google-api


    【解决方案1】:

    您可能会问如何检查这个 javascript 或 php。我不知道这些领域的 GIS 框架。

    大多数空间数据库(例如我使用过的 SQL Server/Postgresql)都提供了您可以使用的 ST_Contains 或 ST_Distance 等功能。我认为这是 OpenGIS 规范的一部分。

    我认为您可能正在使用 MYSQL。所以可能只需要搜索一个函数。

    【讨论】:

    • 它的JS Api所以我需要在js中找到方法,
    • 但首先我需要找到多边形所有标记的纬度和经度
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-03-05
    • 2013-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-11
    • 2013-03-15
    相关资源
    最近更新 更多