1

我正在尝试使用 Advanced Custom Fields Pro WordPress 插件填充 jqvmap，如本教程中所示。

我尝试根据我设置的自定义字段将她的教程从全球地图改编为美国地图。

地图正确呈现，但悬停时的工具提示使用默认显示并且不输出自定义字段。（为了简单起见，我将自定义字段减少到一个。）

最大的变化是我必须包含每个状态才能渲染地图。

states =["al","ak","az","ar","ca","co","ct","de","fl","ga","hi","id","il","in","ia","ks","ky","la","me","md","ma","mi","mn","ms","mo","mt","ne","nv","nh","nj","nm","ny","nc","nd","oh","ok","or","pa","ri","sc","sd","tn","tx","ut","vt","va","wa","wv","wi","wy"];
if (states.indexOf(code) <= -1) {

谁能告诉我我做错了什么？

<script>
  jQuery(document).ready(function () {
    jQuery('#vmap').vectorMap({
      map: 'usa_en',
      backgroundColor: '#ffffff',
      borderColor: '#f7f7f7',
      borderOpacity: 1.0,
      borderWidth: 2,
      color: '#acbea3',
      enableZoom: false,
      showTooltip: true,
      selectedColor: null,
      hoverColor: '#d5ded1',
      hoverOpacity: 0.85,
      onLabelShow: function(event, label, code) {
    states =["al","ak","az","ar","ca","co","ct","de","fl","ga","hi","id","il","in","ia","ks","ky","la","me","md","ma","mi","mn","ms","mo","mt","ne","nv","nh","nj","nm","ny","nc","nd","oh","ok","or","pa","ri","sc","sd","tn","tx","ut","vt","va","wa","wv","wi","wy"];
    if (states.indexOf(code) <= -1) { 
            <?php $i=1; if( have_rows('impact_data') ): while ( have_rows('impact_data') ) : the_row(); ?>

                <?php if($i==1) echo 'if'; else echo 'else if'; ?>(code == '<?php the_sub_field('ei-code'); ?>') {
                    label.html('<h1><?php the_sub_field('ei-state'); ?></h1>');
                }

            <?php $i++; endwhile; endif; ?>
    }
  },
  onRegionClick: function(element, code, region) {
    window.location.replace("http://google.com/" + region.toLowerCase() + "/");
}
    });
  });

4

0 回答 0