rails_kindeditor 0.4.5 → 0.4.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +26 -0
  3. data/lib/generators/rails_kindeditor/install/templates/rails_kindeditor.rb +10 -0
  4. data/lib/rails_kindeditor.rb +9 -3
  5. data/lib/rails_kindeditor/helper.rb +3 -1
  6. data/lib/rails_kindeditor/version.rb +1 -1
  7. data/vendor/assets/javascripts/kindeditor/kindeditor.js +3950 -11
  8. data/vendor/assets/javascripts/kindeditor/lang/ar.js +9 -0
  9. data/vendor/assets/javascripts/kindeditor/lang/en.js +9 -0
  10. data/vendor/assets/javascripts/kindeditor/lang/ko.js +246 -237
  11. data/vendor/assets/javascripts/kindeditor/lang/ru.js +242 -0
  12. data/vendor/assets/javascripts/kindeditor/lang/{zh_CN.js → zh-CN.js} +3 -1
  13. data/vendor/assets/javascripts/kindeditor/lang/{zh_TW.js → zh-TW.js} +243 -235
  14. data/vendor/assets/javascripts/kindeditor/plugins/anchor/anchor.js +46 -46
  15. data/vendor/assets/javascripts/kindeditor/plugins/autoheight/autoheight.js +54 -54
  16. data/vendor/assets/javascripts/kindeditor/plugins/baidumap/baidumap.js +93 -93
  17. data/vendor/assets/javascripts/kindeditor/plugins/baidumap/index.html +82 -82
  18. data/vendor/assets/javascripts/kindeditor/plugins/baidumap/map.html +43 -43
  19. data/vendor/assets/javascripts/kindeditor/plugins/code/prettify.css +13 -13
  20. data/vendor/assets/javascripts/kindeditor/plugins/code/prettify.js +28 -28
  21. data/vendor/assets/javascripts/kindeditor/plugins/fixtoolbar/fixtoolbar.js +35 -0
  22. data/vendor/assets/javascripts/kindeditor/plugins/map/map.html +1 -1
  23. data/vendor/assets/javascripts/kindeditor/plugins/multiimage/images/{select-files-zh_CN.png → select-files-zh-CN.png} +0 -0
  24. data/vendor/assets/javascripts/kindeditor/plugins/multiimage/multiimage.js +1384 -1384
  25. data/vendor/assets/javascripts/kindeditor/plugins/template/html/1.html +13 -13
  26. data/vendor/assets/javascripts/kindeditor/plugins/template/html/2.html +41 -41
  27. data/vendor/assets/javascripts/kindeditor/plugins/template/html/3.html +35 -35
  28. data/vendor/assets/javascripts/kindeditor/themes/default/background.png +0 -0
  29. data/vendor/assets/javascripts/kindeditor/themes/default/default.css +1147 -1149
  30. data/vendor/assets/javascripts/kindeditor/themes/qq/qq.css +143 -143
  31. data/vendor/assets/javascripts/kindeditor/themes/simple/simple.css +100 -100
  32. metadata +15 -14
@@ -1,46 +1,46 @@
1
- /*******************************************************************************
2
- * KindEditor - WYSIWYG HTML Editor for Internet
3
- * Copyright (C) 2006-2011 kindsoft.net
4
- *
5
- * @author Roddy <luolonghao@gmail.com>
6
- * @site http://www.kindsoft.net/
7
- * @licence http://www.kindsoft.net/license.php
8
- *******************************************************************************/
9
-
10
- KindEditor.plugin('anchor', function(K) {
11
- var self = this, name = 'anchor', lang = self.lang(name + '.');
12
- self.plugin.anchor = {
13
- edit : function() {
14
- var html = ['<div style="padding:20px;">',
15
- '<div class="ke-dialog-row">',
16
- '<label for="keName">' + lang.name + '</label>',
17
- '<input class="ke-input-text" type="text" id="keName" name="name" value="" style="width:100px;" />',
18
- '</div>',
19
- '</div>'].join('');
20
- var dialog = self.createDialog({
21
- name : name,
22
- width : 300,
23
- title : self.lang(name),
24
- body : html,
25
- yesBtn : {
26
- name : self.lang('yes'),
27
- click : function(e) {
28
- self.insertHtml('<a name="' + nameBox.val() + '">').hideDialog().focus();
29
- }
30
- }
31
- });
32
- var div = dialog.div,
33
- nameBox = K('input[name="name"]', div);
34
- var img = self.plugin.getSelectedAnchor();
35
- if (img) {
36
- nameBox.val(unescape(img.attr('data-ke-name')));
37
- }
38
- nameBox[0].focus();
39
- nameBox[0].select();
40
- },
41
- 'delete' : function() {
42
- self.plugin.getSelectedAnchor().remove();
43
- }
44
- };
45
- self.clickToolbar(name, self.plugin.anchor.edit);
46
- });
1
+ /*******************************************************************************
2
+ * KindEditor - WYSIWYG HTML Editor for Internet
3
+ * Copyright (C) 2006-2011 kindsoft.net
4
+ *
5
+ * @author Roddy <luolonghao@gmail.com>
6
+ * @site http://www.kindsoft.net/
7
+ * @licence http://www.kindsoft.net/license.php
8
+ *******************************************************************************/
9
+
10
+ KindEditor.plugin('anchor', function(K) {
11
+ var self = this, name = 'anchor', lang = self.lang(name + '.');
12
+ self.plugin.anchor = {
13
+ edit : function() {
14
+ var html = ['<div style="padding:20px;">',
15
+ '<div class="ke-dialog-row">',
16
+ '<label for="keName">' + lang.name + '</label>',
17
+ '<input class="ke-input-text" type="text" id="keName" name="name" value="" style="width:100px;" />',
18
+ '</div>',
19
+ '</div>'].join('');
20
+ var dialog = self.createDialog({
21
+ name : name,
22
+ width : 300,
23
+ title : self.lang(name),
24
+ body : html,
25
+ yesBtn : {
26
+ name : self.lang('yes'),
27
+ click : function(e) {
28
+ self.insertHtml('<a name="' + nameBox.val() + '">').hideDialog().focus();
29
+ }
30
+ }
31
+ });
32
+ var div = dialog.div,
33
+ nameBox = K('input[name="name"]', div);
34
+ var img = self.plugin.getSelectedAnchor();
35
+ if (img) {
36
+ nameBox.val(unescape(img.attr('data-ke-name')));
37
+ }
38
+ nameBox[0].focus();
39
+ nameBox[0].select();
40
+ },
41
+ 'delete' : function() {
42
+ self.plugin.getSelectedAnchor().remove();
43
+ }
44
+ };
45
+ self.clickToolbar(name, self.plugin.anchor.edit);
46
+ });
@@ -1,54 +1,54 @@
1
- /*******************************************************************************
2
- * KindEditor - WYSIWYG HTML Editor for Internet
3
- * Copyright (C) 2006-2011 kindsoft.net
4
- *
5
- * @author Roddy <luolonghao@gmail.com>
6
- * @site http://www.kindsoft.net/
7
- * @licence http://www.kindsoft.net/license.php
8
- *******************************************************************************/
9
-
10
- KindEditor.plugin('autoheight', function(K) {
11
- var self = this;
12
-
13
- if (!self.autoHeightMode) {
14
- return;
15
- }
16
-
17
- var minHeight;
18
-
19
- function hideScroll() {
20
- var edit = self.edit;
21
- var body = edit.doc.body;
22
- edit.iframe[0].scroll = 'no';
23
- body.style.overflowY = 'hidden';
24
- }
25
-
26
- function resetHeight() {
27
- var edit = self.edit;
28
- var body = edit.doc.body;
29
- edit.iframe.height(minHeight);
30
- self.resize(null, Math.max((K.IE ? body.scrollHeight : body.offsetHeight) + 76, minHeight));
31
- }
32
-
33
- function init() {
34
- minHeight = K.removeUnit(self.height);
35
-
36
- self.edit.afterChange(resetHeight);
37
- hideScroll();
38
- resetHeight();
39
- }
40
-
41
- if (self.isCreated) {
42
- init();
43
- } else {
44
- self.afterCreate(init);
45
- }
46
- });
47
-
48
- /*
49
- * 如何实现真正的自动高度?
50
- * 修改编辑器高度之后,再次获取body内容高度时,最小值只会是当前iframe的设置高度,这样就导致高度只增不减。
51
- * 所以每次获取body内容高度之前,先将iframe的高度重置为最小高度,这样就能获取body的实际高度。
52
- * 由此就实现了真正的自动高度
53
- * 测试:chrome、firefox、IE9、IE8
54
- * */
1
+ /*******************************************************************************
2
+ * KindEditor - WYSIWYG HTML Editor for Internet
3
+ * Copyright (C) 2006-2011 kindsoft.net
4
+ *
5
+ * @author Roddy <luolonghao@gmail.com>
6
+ * @site http://www.kindsoft.net/
7
+ * @licence http://www.kindsoft.net/license.php
8
+ *******************************************************************************/
9
+
10
+ KindEditor.plugin('autoheight', function(K) {
11
+ var self = this;
12
+
13
+ if (!self.autoHeightMode) {
14
+ return;
15
+ }
16
+
17
+ var minHeight;
18
+
19
+ function hideScroll() {
20
+ var edit = self.edit;
21
+ var body = edit.doc.body;
22
+ edit.iframe[0].scroll = 'no';
23
+ body.style.overflowY = 'hidden';
24
+ }
25
+
26
+ function resetHeight() {
27
+ var edit = self.edit;
28
+ var body = edit.doc.body;
29
+ edit.iframe.height(minHeight);
30
+ self.resize(null, Math.max((K.IE ? body.scrollHeight : body.offsetHeight) + 76, minHeight));
31
+ }
32
+
33
+ function init() {
34
+ minHeight = K.removeUnit(self.height);
35
+
36
+ self.edit.afterChange(resetHeight);
37
+ hideScroll();
38
+ resetHeight();
39
+ }
40
+
41
+ if (self.isCreated) {
42
+ init();
43
+ } else {
44
+ self.afterCreate(init);
45
+ }
46
+ });
47
+
48
+ /*
49
+ * 如何实现真正的自动高度?
50
+ * 修改编辑器高度之后,再次获取body内容高度时,最小值只会是当前iframe的设置高度,这样就导致高度只增不减。
51
+ * 所以每次获取body内容高度之前,先将iframe的高度重置为最小高度,这样就能获取body的实际高度。
52
+ * 由此就实现了真正的自动高度
53
+ * 测试:chrome、firefox、IE9、IE8
54
+ * */
@@ -1,93 +1,93 @@
1
- /*******************************************************************************
2
- * KindEditor - WYSIWYG HTML Editor for Internet
3
- * Copyright (C) 2006-2011 kindsoft.net
4
- *
5
- * @author Roddy <luolonghao@gmail.com>
6
- * @site http://www.kindsoft.net/
7
- * @licence http://www.kindsoft.net/license.php
8
- *******************************************************************************/
9
-
10
- // Baidu Maps: http://dev.baidu.com/wiki/map/index.php?title=%E9%A6%96%E9%A1%B5
11
-
12
- KindEditor.plugin('baidumap', function(K) {
13
- var self = this, name = 'baidumap', lang = self.lang(name + '.');
14
- var mapWidth = K.undef(self.mapWidth, 558);
15
- var mapHeight = K.undef(self.mapHeight, 360);
16
- self.clickToolbar(name, function() {
17
- var html = ['<div style="padding:10px 20px;">',
18
- '<div class="ke-header">',
19
- // left start
20
- '<div class="ke-left">',
21
- lang.address + ' <input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ',
22
- '<span class="ke-button-common ke-button-outer">',
23
- '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" />',
24
- '</span>',
25
- '</div>',
26
- // right start
27
- '<div class="ke-right">',
28
- '<input type="checkbox" id="keInsertDynamicMap" name="insertDynamicMap" value="1" /> <label for="keInsertDynamicMap">' + lang.insertDynamicMap + '</label>',
29
- '</div>',
30
- '<div class="ke-clearfix"></div>',
31
- '</div>',
32
- '<div class="ke-map" style="width:' + mapWidth + 'px;height:' + mapHeight + 'px;"></div>',
33
- '</div>'].join('');
34
- var dialog = self.createDialog({
35
- name : name,
36
- width : mapWidth + 42,
37
- title : self.lang(name),
38
- body : html,
39
- yesBtn : {
40
- name : self.lang('yes'),
41
- click : function(e) {
42
- var map = win.map;
43
- var centerObj = map.getCenter();
44
- var center = centerObj.lng + ',' + centerObj.lat;
45
- var zoom = map.getZoom();
46
- var url = [checkbox[0].checked ? self.pluginsPath + 'baidumap/index.html' : 'http://api.map.baidu.com/staticimage',
47
- '?center=' + encodeURIComponent(center),
48
- '&zoom=' + encodeURIComponent(zoom),
49
- '&width=' + mapWidth,
50
- '&height=' + mapHeight,
51
- '&markers=' + encodeURIComponent(center),
52
- '&markerStyles=' + encodeURIComponent('l,A')].join('');
53
- if (checkbox[0].checked) {
54
- self.insertHtml('<iframe src="' + url + '" frameborder="0" style="width:' + (mapWidth + 2) + 'px;height:' + (mapHeight + 2) + 'px;"></iframe>');
55
- } else {
56
- self.exec('insertimage', url);
57
- }
58
- self.hideDialog().focus();
59
- }
60
- },
61
- beforeRemove : function() {
62
- searchBtn.remove();
63
- if (doc) {
64
- doc.write('');
65
- }
66
- iframe.remove();
67
- }
68
- });
69
- var div = dialog.div,
70
- addressBox = K('[name="address"]', div),
71
- searchBtn = K('[name="searchBtn"]', div),
72
- checkbox = K('[name="insertDynamicMap"]', dialog.div),
73
- win, doc;
74
- var iframe = K('<iframe class="ke-textarea" frameborder="0" src="' + self.pluginsPath + 'baidumap/map.html" style="width:' + mapWidth + 'px;height:' + mapHeight + 'px;"></iframe>');
75
- function ready() {
76
- win = iframe[0].contentWindow;
77
- doc = K.iframeDoc(iframe);
78
- }
79
- iframe.bind('load', function() {
80
- iframe.unbind('load');
81
- if (K.IE) {
82
- ready();
83
- } else {
84
- setTimeout(ready, 0);
85
- }
86
- });
87
- K('.ke-map', div).replaceWith(iframe);
88
- // search map
89
- searchBtn.click(function() {
90
- win.search(addressBox.val());
91
- });
92
- });
93
- });
1
+ /*******************************************************************************
2
+ * KindEditor - WYSIWYG HTML Editor for Internet
3
+ * Copyright (C) 2006-2011 kindsoft.net
4
+ *
5
+ * @author Roddy <luolonghao@gmail.com>
6
+ * @site http://www.kindsoft.net/
7
+ * @licence http://www.kindsoft.net/license.php
8
+ *******************************************************************************/
9
+
10
+ // Baidu Maps: http://dev.baidu.com/wiki/map/index.php?title=%E9%A6%96%E9%A1%B5
11
+
12
+ KindEditor.plugin('baidumap', function(K) {
13
+ var self = this, name = 'baidumap', lang = self.lang(name + '.');
14
+ var mapWidth = K.undef(self.mapWidth, 558);
15
+ var mapHeight = K.undef(self.mapHeight, 360);
16
+ self.clickToolbar(name, function() {
17
+ var html = ['<div style="padding:10px 20px;">',
18
+ '<div class="ke-header">',
19
+ // left start
20
+ '<div class="ke-left">',
21
+ lang.address + ' <input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ',
22
+ '<span class="ke-button-common ke-button-outer">',
23
+ '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" />',
24
+ '</span>',
25
+ '</div>',
26
+ // right start
27
+ '<div class="ke-right">',
28
+ '<input type="checkbox" id="keInsertDynamicMap" name="insertDynamicMap" value="1" /> <label for="keInsertDynamicMap">' + lang.insertDynamicMap + '</label>',
29
+ '</div>',
30
+ '<div class="ke-clearfix"></div>',
31
+ '</div>',
32
+ '<div class="ke-map" style="width:' + mapWidth + 'px;height:' + mapHeight + 'px;"></div>',
33
+ '</div>'].join('');
34
+ var dialog = self.createDialog({
35
+ name : name,
36
+ width : mapWidth + 42,
37
+ title : self.lang(name),
38
+ body : html,
39
+ yesBtn : {
40
+ name : self.lang('yes'),
41
+ click : function(e) {
42
+ var map = win.map;
43
+ var centerObj = map.getCenter();
44
+ var center = centerObj.lng + ',' + centerObj.lat;
45
+ var zoom = map.getZoom();
46
+ var url = [checkbox[0].checked ? self.pluginsPath + 'baidumap/index.html' : 'http://api.map.baidu.com/staticimage',
47
+ '?center=' + encodeURIComponent(center),
48
+ '&zoom=' + encodeURIComponent(zoom),
49
+ '&width=' + mapWidth,
50
+ '&height=' + mapHeight,
51
+ '&markers=' + encodeURIComponent(center),
52
+ '&markerStyles=' + encodeURIComponent('l,A')].join('');
53
+ if (checkbox[0].checked) {
54
+ self.insertHtml('<iframe src="' + url + '" frameborder="0" style="width:' + (mapWidth + 2) + 'px;height:' + (mapHeight + 2) + 'px;"></iframe>');
55
+ } else {
56
+ self.exec('insertimage', url);
57
+ }
58
+ self.hideDialog().focus();
59
+ }
60
+ },
61
+ beforeRemove : function() {
62
+ searchBtn.remove();
63
+ if (doc) {
64
+ doc.write('');
65
+ }
66
+ iframe.remove();
67
+ }
68
+ });
69
+ var div = dialog.div,
70
+ addressBox = K('[name="address"]', div),
71
+ searchBtn = K('[name="searchBtn"]', div),
72
+ checkbox = K('[name="insertDynamicMap"]', dialog.div),
73
+ win, doc;
74
+ var iframe = K('<iframe class="ke-textarea" frameborder="0" src="' + self.pluginsPath + 'baidumap/map.html" style="width:' + mapWidth + 'px;height:' + mapHeight + 'px;"></iframe>');
75
+ function ready() {
76
+ win = iframe[0].contentWindow;
77
+ doc = K.iframeDoc(iframe);
78
+ }
79
+ iframe.bind('load', function() {
80
+ iframe.unbind('load');
81
+ if (K.IE) {
82
+ ready();
83
+ } else {
84
+ setTimeout(ready, 0);
85
+ }
86
+ });
87
+ K('.ke-map', div).replaceWith(iframe);
88
+ // search map
89
+ searchBtn.click(function() {
90
+ win.search(addressBox.val());
91
+ });
92
+ });
93
+ });
@@ -1,83 +1,83 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
- <html xmlns="http://www.w3.org/1999/xhtml">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" />
6
- <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" />
7
- <title>百度地图API自定义地图</title>
8
- <!--引用百度地图API-->
9
- <style type="text/css">
10
- html,body{margin:0;padding:0;}
11
- .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
12
- .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
13
- </style>
14
- <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
15
- </head>
16
-
17
- <body onload="initMap();">
18
- <!--百度地图容器-->
19
- <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
20
- </body>
21
- <script type="text/javascript">
22
- function getParam(name) {
23
- return location.href.match(new RegExp('[?&]' + name + '=([^?&]+)', 'i')) ? decodeURIComponent(RegExp.$1) : '';
24
- }
25
- var centerParam = getParam('center');
26
- var zoomParam = getParam('zoom');
27
- var widthParam = getParam('width');
28
- var heightParam = getParam('height');
29
- var markersParam = getParam('markers');
30
- var markerStylesParam = getParam('markerStyles');
31
-
32
- //创建和初始化地图函数:
33
- function initMap(){
34
- // [FF]切换模式后报错
35
- if (!window.BMap) {
36
- return;
37
- }
38
- var dituContent = document.getElementById('dituContent');
39
- dituContent.style.width = widthParam + 'px';
40
- dituContent.style.height = heightParam + 'px';
41
-
42
- createMap();//创建地图
43
- setMapEvent();//设置地图事件
44
- addMapControl();//向地图添加控件
45
-
46
- // 创建标注
47
- var markersArr = markersParam.split(',');
48
- var point = new BMap.Point(markersArr[0], markersArr[1]);
49
- var marker = new BMap.Marker(point);
50
- map.addOverlay(marker); // 将标注添加到地图中
51
- }
52
-
53
- //创建地图函数:
54
- function createMap(){
55
- var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
56
- var centerArr = centerParam.split(',');
57
- var point = new BMap.Point(centerArr[0], centerArr[1]);//定义一个中心点坐标
58
- map.centerAndZoom(point, zoomParam);//设定地图的中心点和坐标并将地图显示在地图容器中
59
- window.map = map;//将map变量存储在全局
60
- }
61
-
62
- //地图事件设置函数:
63
- function setMapEvent(){
64
- map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
65
- map.enableScrollWheelZoom();//启用地图滚轮放大缩小
66
- map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
67
- map.enableKeyboard();//启用键盘上下左右键移动地图
68
- }
69
-
70
- //地图控件添加函数:
71
- function addMapControl(){
72
- //向地图中添加缩放控件
73
- var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
74
- map.addControl(ctrl_nav);
75
- //向地图中添加缩略图控件
76
- var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
77
- map.addControl(ctrl_ove);
78
- //向地图中添加比例尺控件
79
- var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
80
- map.addControl(ctrl_sca);
81
- }
82
- </script>
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" />
6
+ <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" />
7
+ <title>百度地图API自定义地图</title>
8
+ <!--引用百度地图API-->
9
+ <style type="text/css">
10
+ html,body{margin:0;padding:0;}
11
+ .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
12
+ .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
13
+ </style>
14
+ <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
15
+ </head>
16
+
17
+ <body onload="initMap();">
18
+ <!--百度地图容器-->
19
+ <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>
20
+ </body>
21
+ <script type="text/javascript">
22
+ function getParam(name) {
23
+ return location.href.match(new RegExp('[?&]' + name + '=([^?&]+)', 'i')) ? decodeURIComponent(RegExp.$1) : '';
24
+ }
25
+ var centerParam = getParam('center');
26
+ var zoomParam = getParam('zoom');
27
+ var widthParam = getParam('width');
28
+ var heightParam = getParam('height');
29
+ var markersParam = getParam('markers');
30
+ var markerStylesParam = getParam('markerStyles');
31
+
32
+ //创建和初始化地图函数:
33
+ function initMap(){
34
+ // [FF]切换模式后报错
35
+ if (!window.BMap) {
36
+ return;
37
+ }
38
+ var dituContent = document.getElementById('dituContent');
39
+ dituContent.style.width = widthParam + 'px';
40
+ dituContent.style.height = heightParam + 'px';
41
+
42
+ createMap();//创建地图
43
+ setMapEvent();//设置地图事件
44
+ addMapControl();//向地图添加控件
45
+
46
+ // 创建标注
47
+ var markersArr = markersParam.split(',');
48
+ var point = new BMap.Point(markersArr[0], markersArr[1]);
49
+ var marker = new BMap.Marker(point);
50
+ map.addOverlay(marker); // 将标注添加到地图中
51
+ }
52
+
53
+ //创建地图函数:
54
+ function createMap(){
55
+ var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
56
+ var centerArr = centerParam.split(',');
57
+ var point = new BMap.Point(centerArr[0], centerArr[1]);//定义一个中心点坐标
58
+ map.centerAndZoom(point, zoomParam);//设定地图的中心点和坐标并将地图显示在地图容器中
59
+ window.map = map;//将map变量存储在全局
60
+ }
61
+
62
+ //地图事件设置函数:
63
+ function setMapEvent(){
64
+ map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
65
+ map.enableScrollWheelZoom();//启用地图滚轮放大缩小
66
+ map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
67
+ map.enableKeyboard();//启用键盘上下左右键移动地图
68
+ }
69
+
70
+ //地图控件添加函数:
71
+ function addMapControl(){
72
+ //向地图中添加缩放控件
73
+ var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
74
+ map.addControl(ctrl_nav);
75
+ //向地图中添加缩略图控件
76
+ var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
77
+ map.addControl(ctrl_ove);
78
+ //向地图中添加比例尺控件
79
+ var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
80
+ map.addControl(ctrl_sca);
81
+ }
82
+ </script>
83
83
  </html>