我需要复制来自其他网站的 svg map 。
这里是我要复制 svg map 的网站:
https://www.alexa.com/siteinfo/google.com
这是网站的 xpath 位置:
//*[@id="visitsMap"]
我需要什么？
我想将该 xpath 的结果/帖子复制到我的页面中。
类似这样的事情:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("svg").clone().appendTo("body");
});
$svgTemplate = new SimpleXMLElement($svg_data);
$svgTemplate->registerXPathNamespace('svg', 'https://www.alexa.com/siteinfo/google.com');
$style = $svgTemplate->xpath('//*[@id="visitsMap"]');
printf("Original style:\n%s\n\n", (string)$style[0]);
});
</script>
</head>
<body>
<svg></svg>
</body>谢谢
最佳答案
使用 AMCHARTS..
<style>
#chartdiv {
width: 100%;
height: 500px;
}
</style>
<!-- Resources -->
<script src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<!-- Chart code -->
<script>
var map = AmCharts.makeChart( "chartdiv", {
"type": "map",
"theme": "light",
"projection": "mercator",
"dataProvider": {
"map": "worldLow",
"areas": [
{ "id": "US" } //BY CHANGING THIS<--
]
},
"areasSettings": {
"autoZoom": true,
"selectedColor": "#CC0000"
},
} );
</script>
<!-- HTML -->
<div id="chartdiv"></div>关于javascript - 如何使用 xpath 克隆 SVG map ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47095645/