我使用Jvector Map作为默认的Jvector映射它的工作悬停功能.现在我改变了悬停点击功能.但是现在我想从database.i创建php数据库显示国家/地区详细信息?我不知道如何调用我的数据库php文件?
码:
Country FootprintjQuery.noConflict();
jQuery(function(){
var $= jQuery;
$('#focus-single').click(function(){
$('#map1').vectorMap('set', 'focus', {region: 'AU', animate: true});
});
$('#focus-multiple').click(function(){
$('#map1').vectorMap('set', 'focus', {regions: ['AU', 'JP'], animate: true});
});
$('#focus-coords').click(function(){
$('#map1').vectorMap('set', 'focus', {scale: 7, lat: 35, lng: 33, animate: true});
});
$('#focus-init').click(function(){
$('#map1').vectorMap('set', 'focus', {scale: 1, x: 0.5, y: 0.5, animate: true});
});
$('#map1').vectorMap({
map: 'world_mill_en',
panOnDrag: true,
focusOn: {
x: 0.5,
y: 0.5,
scale: 1,
animate: true
},
series: {
regions: [{
scale: ['#688FA0'],
normalizeFunction: 'polynomial',
解决方法:
答案很简单,但您需要进行更多编码.
首先,您需要意识到,JavaScript应用程序无法直接连接到您的数据库(如果可以,您必须在JS应用程序中存储数据库凭据并将其显示给所有人).
JavaScript应用程序通常使用AJAX获取数据 – 您需要配置一个Web服务器,在某个端点(例如http://example.com/getdata.php)返回JSON响应.然后可以将其加载到您的JS应用程序中.
getdata.php脚本只是一个简单的PHP脚本,它连接到数据库并选择所有必需的数据并将它们编码为JSON并写入输出(不要忘记添加Content-Type:application / json标头).
标签:php,javascript,jvectormap
来源: https://codeday.me/bug/20190702/1360104.html