文档章节

JavaScript Maps制作世界地图代码分享

咲晚杍
 咲晚杍
发布于 2014/01/07 14:25
字数 188
阅读 350
收藏 6

个人感觉JavaScript Maps比较好用,制作地图简单,效果也不错,下面是世界地图的制作方法。

效果图:

 

代码:

<script src="http://www.ammap.com/lib/3/ammap.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/3/maps/js/worldHigh.js" type="text/javascript"></script>
<div id="mapdiv" style="width: 1550px; height: 450px;"></div>
<div style="font-size: 70%; padding: 5px; text-align: center; background-color: #666666; margin-top: 1px; color: #CDCDCD;"><a href="http://www.ammap.com/visited_countries/" style="color: #CDCDCD;">Create your own visited countries map</a> or check out the <a href="http://www.amcharts.com/" style="color: #CDCDCD;">JavaScript Charts</a>.</div>
<script type="text/javascript">
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.pathToImages = "http://www.ammap.com/lib/images/";
map.panEventsEnabled = true;
map.backgroundColor = "#666666";
map.backgroundAlpha = 1;
 
map.zoomControl.panControlEnabled = true;
map.zoomControl.zoomControlEnabled = true;
 
var dataProvider = {
mapVar: AmCharts.maps.worldHigh,
getAreasFromMap: true,
areas: [
{ id: 'CZ', showAsSelected: true },
{ id: 'CN', showAsSelected: true }
]
};
 
map.dataProvider = dataProvider;
 
map.areasSettings = {
autoZoom: true,
color: "#CDCDCD",
colorSolid: "#5EB7DE",
selectedColor: "#5EB7DE",
outlineColor: "#666666",
rollOverColor: "#88CAE7",
rollOverOutlineColor: "#FFFFFF"
};
 
map.write("mapdiv");
});
</script>

本文转载自:http://www.evget.com/article/2014/1/3/20341.html

咲晚杍
粉丝 7
博文 75
码字总数 8143
作品 0
渝中
私信 提问
Spring Boot入门(6)前端接受后台传参

基础知识   利用Spring Boot来制作Web应用,就必定会涉及到前端与后台之间互相传递参数。在Spring Boot的MVC模型中,如果采用Thymeleaf来渲染视图,则前端页面怎么才能获得后台运行传递的参...

jclian91
2018/04/12
0
0
Baidu与Google地图API初探

前天周六,有个好友过来玩,他说想在他的网站中加入地图导航模块,但不知道选择哪个第三方Map API 在网上查了下Baidu、Google、QQ和MapBar等4种Map API(都是采用JS开放API),也查看了它们的...

长平狐
2013/01/06
14.1K
0
CoreThink&OpenCMF技术分享之:谷歌地图接入

其实如果产品涉及到国外,那Mapbox也是一个很好的选择,Google map在国内毕竟无法正常使用,关于mapbox的分享后面可以再做一下。欢迎交流,开源互联网产品开发框架CoreThink 谷歌地图接入指南...

CoreThink
2016/05/11
424
0
echarts3世界地图问题,报Cannot read property 'features' of undefined

我在官网下的china.js和world.js, 都是用标签引入的方式引入的,但china的好用,到世界地图就一直报Cannot read property 'features' of undefined这个错误,网上说是缺少world.JS但我已经引...

倔强的萝卜
2016/07/13
1K
2
百度腾讯GOOGLE地图API列表

列表页:http://www.codeyyy.com/javascript/8-100-144.html 百度地图API: http://www.codeyyy.com/javascript/lib/maps/203.html 高德地图API: http://www.codeyyy.com/javascript/lib/maps......

codeyyy
2017/02/22
377
1

没有更多内容

加载失败,请刷新页面

加载更多

PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
21分钟前
5
0
Python数据可视化之matplotlib

常用模块导入 import numpy as npimport matplotlibimport matplotlib.mlab as mlabimport matplotlib.pyplot as pltimport matplotlib.font_manager as fmfrom mpl_toolkits.mplot3d i......

松鼠大帝
昨天
4
0
我用Bash编写了一个扫雷游戏

我在编程教学方面不是专家,但当我想更好掌握某一样东西时,会试着找出让自己乐在其中的方法。比方说,当我想在 shell 编程方面更进一步时,我决定用 Bash 编写一个扫雷游戏来加以练习。 我在...

老孟的Linux私房菜
昨天
5
0
Go语言Hello world(GOPATH和Go Module版)

本文是「vangoleo的Go语言学习笔记」系列文章之一。 官网: http://www.vangoleo.com/go/go-hello-world-02/ 往期回顾: Go语言入门-你好,Go语言 Go语言入门-Hello World(Go Playground版) 上...

vangoleo
昨天
8
0
C++虚函数以及虚函数表

在了解虚函数之前先了解下对象模型: 对象模型: 在C++中,有两种数据成员(class data members):static 和nonstatic,以及三种类成员函数(class member functions):static、nonstatic和v...

黑白双键
昨天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部