それで、
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/ )からわかるように、マップが消えるだけで、何が欠けているのかわかりません。何かご意見は?
マルカ