Question

我正在尝试使用Polymer 1.0和小册子地图Web组件 - github link在地图上的按钮单击事件的特定点添加标记。我的代码在Chrome中按预期工作，但在Firefox 41.0.1中我收到错误：

“TypeError：t为null”

（引用leaflet.js页面），标记不显示。

这是Javascript，在按钮的注册中：

var parent = document.getElementById('nycmap');
nycmap.setToPoint(locator.latitude, locator.longitude);

var newMarker = document.createElement('leaflet-marker');

var lat1 = locator.latitude;
var long1 = locator.longitude;

var lat = document.createAttribute("latitude");       
lat.value = lat1; 
var longi = document.createAttribute("longitude");       
longi.value = long1; 
newMarker.setAttributeNode(lat);
newMarker.setAttributeNode(longi);
newMarker.id="marker";

Polymer.dom(parent).appendChild(newMarker);

我也在Firefox中收到这些警告，但我不认为这些是这个问题的根源：

Use of document.createAttribute() is deprecated. Use element.setAttribute() instead.
Use of setAttributeNode() is deprecated. Use setAttribute() instead.

（我不明白如何使用element.setAttribute创建元素，但这是另一个问题。）

Answer 1

你把事情搞混了。使用setAttribute对于您正在尝试的操作来说已经足够了。您需要使用document.createElement在刚刚创建的元素上调用它。如果您需要此HTML：

<leaflet-marker id="marker" latitude="0" longitude="0"></leaflet-marker>

您需要创建一个元素并为其添加三个属性：

var marker = document.createElement('leaflet-marker')

marker.setAttribute('id', 'marker')
marker.setAttribute('latitude', locator.latitude)
marker.setAttribute('longitude', locator.longitude)

Polymer.dom(parent).appendChild(marker)

Polymer 1.0 / leaflet-map中动态创建的标记不会在Firefox

1 个答案: