所以我有一个关于 mapbox.js 的问题,我不能在自定义的 popUp 中附加一个 onclick 事件。
mapbox.js
popUp
onclick
我正在做的是,我有一个自定义的 worpdress mapbox.js 小部件,我正在动态添加自定义标记,标题和描述等。
worpdress
我希望在标记的 'description:' 属性中有一个 onclick 事件。
'description:'
我知道我创建 mapbox.js 脚本的方式是一种糟糕的做法,但我需要一个快速的解决方案。
下面是一个创建 javascript 的 php 脚本。
javascript
php
<?php $pins = $instance['pinpoint']; $pinsnumber; $j = 0; for ($i=0;$i<count($pins);$i++) { $pinsnumber++; <div id="map-holder"> <div id='map'></div> <script> <?php $token = $instance['token']; $latitude = $instance['latitude']; $longitude = $instance['longitude']; $zoom = $instance['zoom']; $style = $instance['style']; L.mapbox.accessToken = <?php echo "'$token'";?>; var map = L.mapbox.map('map') .setView([<?php echo $latitude?>, <?php echo $longitude ?>], <?php echo $zoom?>); // Use styleLayer to add a Mapbox style created in Mapbox Studio L.mapbox.styleLayer(<?php echo "'$style'"; ?>).addTo(map); var features = []; var myLayer = L.mapbox.featureLayer( type: 'FeatureCollection', features: [ for($j;$j<$pinsnumber;$j++) { echo "{ type: 'Feature', properties: { 'marker-color': '#003460', 'marker-size': 'large', 'marker-symbol': 'circle', 'description': '<div class=\"img\"><img src=" . $instance['pinpoint'][$j]['image'] . " width=\"225\" height=\"110\"></img></div><div class=\"title-popup\"><h5>" . $instance['pinpoint'][$j]['title'] . "</h5><p>" . $instance['pinpoint'][$j]['descr'] . "</p></div><div class=\"book-now btnBook\" onclick=\"console.log(\"Hello\")\"><a href=\"" . $instance['pinpoint'][$j]['book'] . "\" target=\"_blank\">Book Now ></a></div>' },geometry: { type: 'Point', coordinates: [" . $instance['pinpoint'][$j]['lat'] . "," . $instance['pinpoint'][$j]['long'] . "] if ($j===$pinsnumber-1) echo "}"; else { echo "},";