rails_kindeditor 0.4.5 → 0.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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>
|