Googlemap JS中两种不同类型的标记

模拟蜜蜂

我正在为一家小型房地产代理公司开发网站。我在网站上有一张谷歌地图,显示了所有可用的属性,其中的属性数据是通过 XML 调用从 Mysqli 数据库中提取的。这一切都在起作用。客户现在想要添加办公室的位置。这些不在数据库中,因此需要手动添加。是否有可能有两个不同的 'var marker = new google.maps.Marker({' 调用?如果是这样,我找不到将它放置在提取每个属性数据的循环之外的位置。工作代码是:

<script>
    function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      center: new google.maps.LatLng(40.300000, 15.800000),
      zoom: 9
    });
    var infoWindow = new google.maps.InfoWindow;

      downloadUrl('mapXMLcall.php', function(data) {
        var xml = data.responseXML;
        var property = xml.documentElement.getElementsByTagName('property');
        Array.prototype.forEach.call(property, function(propertyElem) {
          var id = propertyElem.getAttribute('Idnumber');
          var name = propertyElem.getAttribute('Name');
          var price = propertyElem.getAttribute('Price');
          if (price == '999999') {var price = "POA"};
          var point = new google.maps.LatLng(
              parseFloat(propertyElem.getAttribute('Lat')),
              parseFloat(propertyElem.getAttribute('Long')));

          var infowincontent = document.createElement('div');
          var strong = document.createElement('strong');
          strong.textContent = name
          infowincontent.appendChild(strong);
          infowincontent.appendChild(document.createElement('br'));

          var text = document.createElement('text');
          text.textContent = ' €' + price;
          infowincontent.appendChild(text);
          var marker = new google.maps.Marker({
            map: map,
            position: point,
            url: 'dbtest2.php?id=' + id
          });
          marker.addListener('mouseover', function() {
            infoWindow.setContent(infowincontent);
            infoWindow.open(map, marker);
          });

              google.maps.event.addListener(marker, 'click', function() {

            window.open("dbtest2.php?id=" + id, "_blank", "toolbar=no,scrollbars=yes,status=no, resizable=yes,top=100,left=100,width=920,height=900")
});
        });

      });
    }



  function downloadUrl(url, callback) {
    var request = window.ActiveXObject ?
        new ActiveXObject('Microsoft.XMLHTTP') :
        new XMLHttpRequest;

    request.onreadystatechange = function() {
      if (request.readyState == 4) {
        request.onreadystatechange = doNothing;
        callback(request, request.status);
      }
    };

    request.open('GET', url, true);
    request.send(null);
  }

  function doNothing() {}
</script>

感激地收到任何建议。

地理编码

initMap初始化map变量后,只需在函数中添加任何“固定”标记(可以在调用之前或之后downloadUrl)。

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: new google.maps.LatLng(40.300000, 15.800000),
    zoom: 9
  });
  var infoWindow = new google.maps.InfoWindow;

  // add a fixed marker
  var anotherMarker = new google.maps.Marker({
    map: map,
    position: new google.maps.LatLng(40.300000, 15.800000),
  });

  downloadUrl('mapXMLcall.php', function(data) {
  // ...
  }
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在GoogleMap中设置LatLangBound

来自分类Dev

标记未显示在GoogleMap上

来自分类Dev

GoogleMap中的空指针异常

来自分类Dev

在Android应用中设置GoogleMap

来自分类Dev

Swift中两种不同类型的nil?

来自分类Dev

两种不同类型的数组

来自分类Dev

动态更改GoogleMap图标/标记的颜色

来自分类Dev

移动标记而无需清除GoogleMap

来自分类Dev

通过XML从PHP / SQL放置GoogleMap标记

来自分类Dev

googlemap标记加载到地图中间

来自分类Dev

Xamarin - Android.GoogleMap 删除标记

来自分类Dev

使用GoogleMap和MongoDB的不同测量结果

来自分类Dev

两点出发的GoogleMap路线

来自分类Dev

在Yii2中使用Googlemap?

来自分类Dev

从Android中的UI线程外部访问GoogleMap

来自分类Dev

GoogleMap快照未显示在BigPictureStyle通知中

来自分类Dev

无法在“地图”活动中查看googlemap

来自分类Dev

GoogleMap v2 Android中的Z顺序标记

来自分类Dev

获取数据存储在googlemap标记的其他字段中

来自分类Dev

在Elasticsearch中搜索具有不同映射的两种不同类型

来自分类Dev

在C ++函数中返回两种不同类型的两个值

来自分类Dev

恰好两种不同类型的扩展方法

来自分类Dev

断言两种不同类型的枚举是等效的

来自分类Dev

Elasticsearch-连接两种不同类型的文档

来自分类Dev

Opencart:两种不同类型的发票

来自分类Dev

如何捕获两种不同类型的错误输入

来自分类Dev

从两种不同类型的数组获取公共数据

来自分类Dev

通过TCP发送两种不同类型的数组

来自分类Dev

如何区分两种不同类型的哈希表