代码信息

保存到分组
外部资源
$[libs.length]
暂无
- $[lib.showName]
添加新的资源

$[newLibMessage]

更多文件见开放CDN服务
快捷键
快捷键风格同 Sublime，同时支持 Emmet 特性，常用快捷键：

全局快捷键
- Ctrl + Enter：运行
- Ctrl + ←/→：折叠左侧菜单
- Ctrl + O：打开添加常用资源
- Ctrl + Z：撤销所有编辑器
- Ctrl + U：恢复所有编辑器
- F11：最大化运行结果
- ESC：关闭添加常用资源
编辑器快捷键
- Ctrl + Enter：运行
- Ctrl + /：注释代码
- Ctrl + H：格式化代码
- Ctrl + Z：撤销
- Ctrl + Y：恢复
- Tab：快捷生成代码
- Ctrl + L：选中当前行
- Ctrl + Q：折叠当前代码
- F11：最大化当前编辑器
关于

JShare 是一个在线代码测试、托管、分享的工具；

当前版本 $[base.version]，这里有更新日志；

使用前请查阅帮助文档及说明；

Copyright © 2020 JShare，由简数科技提供服务，浙ICP备16004892号-3

地图位置描点 | JShare

自定义图标,但是不修改legend图例

$.getJSON('https://data.jianshukeji.com/jsonp?filename=geochina/china.json&callback=?')
	.then(function(geojson){
	var __assign = this && this.__assign || Object.assign || function (t) {
		for (var s, i = 1, n = arguments.length; i < n; i++) {
			if (window.CP.shouldStopExecution(0)) break;
			s = arguments[i];
			for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
				t[p] = s[p];
		}window.CP.exitedLoop(0);
		return t;
	};
	var colorPoint = function (color) {return {
		color: color,
		showInLegend: true,
		dataLabels: { enabled: false },
		marker: {
			symbol: "url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon' viewBox='0 0 1024 2048'%3E%3Cpath fill='" +
			encodeURIComponent(color) +
			"' d='M532.1 918.9c-9.1 11-25.5 12.6-36.5 3.4-1.2-1-2.4-2.2-3.4-3.4-154.6-186.6-245.7-319-273.2-397.3-12-34.3-18.2-70.4-18.1-106.7 0-174.9 139.4-316.7 311.3-316.7S823.4 240 823.4 414.9c0 37.7-6.5 73.9-18.4 107.4-27.5 78.1-118.6 210.3-272.9 396.6zm-20-398.4c57.3 0 103.8-47.3 103.8-105.6s-46.4-105.5-103.8-105.5-103.8 47.2-103.8 105.5 46.5 105.6 103.8 105.6z'/%3E%3C/svg%3E)",
			width: 32,
			height: 64 } };
									  };
	var chart = Highcharts.Map('container', {
		chart: {
			map: geojson,
			margin: [null] },
		xAxis: { enabled: false },
		legend: {
			symbolWidth: 0,
			useHTML: true,
			itemDistance: 30,
			itemStyle: {
				color: "#666" },
			labelFormatter: function () {
				var _a = this,name = _a.name,color = _a.color;
				return "<img src=\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='2' y='15' width='18' height='5' rx='4' ry='4' fill='" + encodeURIComponent(color) + "'/%3E%3C/svg%3E\"/> " + name;
			} },
		series: [
			{
				color: "#79bdfe",
				nullColor: "#d9ebfe",
				showInLegend: false,
				allowPointSelect: true,
				name: "中国地图",
				borderWidth: 2,
				borderColor: "#ffffff",
				joinBy: "name",
				data: [
					"山东",
					"山西",
					"四川",
					"湖北",
					"湖南",
					"河南",
					"陕西",
					"重庆"].
				map(function (name) {return {
					name: name };
									}) },
			__assign({}, colorPoint("#fca333"), { type: "mappoint", name: "进行中", data: [
				{
					id: "beijing",
					name: "山东",
					lon: 117, lat: 36 }] }),
			__assign({}, colorPoint("#5668ff"), { type: "mappoint", name: "已审核", data: [
				{
					id: "fujian",
					name: "湖北",
					lon: 113, lat: 31 }] })] });
})

<div id="container"></div>

body,html,#container{
	height:100%;	
}

{"resource":"1,30,7,63,https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.2.2/proj4.js","options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":7}}","code":{"code":"9V5qAq","name":"地图位置描点","version":0,"doctype":0,"description":"自定义图标,但是不修改legend图例","meta":"","newGroup":2260,"group":{"id":2260,"name":"临时分组","code":"temp"}}}

代码信息

保存到分组

外部资源 $[libs.length]

添加新的资源

快捷键

全局快捷键

编辑器快捷键

关于

地图位置描点 | JShare

自定义图标,但是不修改legend图例

模板（查看所有模板）

外部资源
$[libs.length]