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.
- checksums.yaml +4 -4
- data/README.md +26 -0
- data/lib/generators/rails_kindeditor/install/templates/rails_kindeditor.rb +10 -0
- data/lib/rails_kindeditor.rb +9 -3
- data/lib/rails_kindeditor/helper.rb +3 -1
- data/lib/rails_kindeditor/version.rb +1 -1
- data/vendor/assets/javascripts/kindeditor/kindeditor.js +3950 -11
- data/vendor/assets/javascripts/kindeditor/lang/ar.js +9 -0
- data/vendor/assets/javascripts/kindeditor/lang/en.js +9 -0
- data/vendor/assets/javascripts/kindeditor/lang/ko.js +246 -237
- data/vendor/assets/javascripts/kindeditor/lang/ru.js +242 -0
- data/vendor/assets/javascripts/kindeditor/lang/{zh_CN.js → zh-CN.js} +3 -1
- data/vendor/assets/javascripts/kindeditor/lang/{zh_TW.js → zh-TW.js} +243 -235
- data/vendor/assets/javascripts/kindeditor/plugins/anchor/anchor.js +46 -46
- data/vendor/assets/javascripts/kindeditor/plugins/autoheight/autoheight.js +54 -54
- data/vendor/assets/javascripts/kindeditor/plugins/baidumap/baidumap.js +93 -93
- data/vendor/assets/javascripts/kindeditor/plugins/baidumap/index.html +82 -82
- data/vendor/assets/javascripts/kindeditor/plugins/baidumap/map.html +43 -43
- data/vendor/assets/javascripts/kindeditor/plugins/code/prettify.css +13 -13
- data/vendor/assets/javascripts/kindeditor/plugins/code/prettify.js +28 -28
- data/vendor/assets/javascripts/kindeditor/plugins/fixtoolbar/fixtoolbar.js +35 -0
- data/vendor/assets/javascripts/kindeditor/plugins/map/map.html +1 -1
- data/vendor/assets/javascripts/kindeditor/plugins/multiimage/images/{select-files-zh_CN.png → select-files-zh-CN.png} +0 -0
- data/vendor/assets/javascripts/kindeditor/plugins/multiimage/multiimage.js +1384 -1384
- data/vendor/assets/javascripts/kindeditor/plugins/template/html/1.html +13 -13
- data/vendor/assets/javascripts/kindeditor/plugins/template/html/2.html +41 -41
- data/vendor/assets/javascripts/kindeditor/plugins/template/html/3.html +35 -35
- data/vendor/assets/javascripts/kindeditor/themes/default/background.png +0 -0
- data/vendor/assets/javascripts/kindeditor/themes/default/default.css +1147 -1149
- data/vendor/assets/javascripts/kindeditor/themes/qq/qq.css +143 -143
- data/vendor/assets/javascripts/kindeditor/themes/simple/simple.css +100 -100
- 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>
|