0

それで、

jVectorMap プラグインを使用してカスタム マップを表示することができました。カスタム マーカーを追加しようとしていますが、次の例に従っても何も起こりません: http://jvectormap.com/examples/mall/。コードに単純なものが欠けているだけですか?

マーカーを追加する前の私のコードは次のとおりです。

 //@code_start
      $(function(){
        $('#usmxmap').vectorMap({
          map: 'map',
          regionsSelectable: false,
          markersSelectableOne: true,
          backgroundColor: '#cfdbdd',
          regionStyle: {
            initial: {
      fill: '#5e7073',
      "fill-opacity": 1,
      stroke: 'none',
      "stroke-width": 0,
      "stroke-opacity": 1
      },
      hover: {
      fill: 'black'
      },
      selected: {
      fill: 'yellow'
      },
      selectedHover: {
      }
      },
        });
      });
      //@code_end

生成する JsFiddle: http://jsfiddle.net/73aze/5/

マーカーを追加する必要があるのは次のとおりです。

//@code_start
      $(function(){
        $('#usmxmap').vectorMap({
          map: 'map',
          regionsSelectable: false,
          markersSelectableOne: true,
          backgroundColor: '#cfdbdd',
          markers: [{
          coords: [60, 110],
          name: 'Escalator 1',
          style: {fill: 'yellow'}
          }],
          regionStyle: {
            initial: {
      fill: '#5e7073',
      "fill-opacity": 1,
      stroke: 'none',
      "stroke-width": 0,
      "stroke-opacity": 1
      },
      hover: {
      fill: 'black'
      },
      selected: {
      fill: 'yellow'
      },
      selectedHover: {
      }
      },
        });
      });
      //@code_end

jsFiddle ( http://jsfiddle.net/Z9u4T/3/ )からわかるように、マップが消えるだけで、何が欠けているのかわかりません。何かご意見は?

マルカ

4

2 に答える 2

0

}, }); }); //@code_end

でなければなりません

} }); }); //@code_end

于 2013-07-11T10:08:46.517 に答える