您只需使用 canvasarc
命令手动创建它:
var coords = [50, 50];
var r = 10;
ctx.beginPath();
// Make an arc from 0 to Math.PI*2, aka a full circle
ctx.arc(coords[0], coords[1], r, 0, Math.PI*2, false);
ctx.fillStyle = 'red';
ctx.fill();
现场示例:http: //jsfiddle.net/9kmV3/
编辑:看来您的意思是在画布上通过适当的转换来表达纬度和经度,请看一下:
var coords = [47.61, -122.33];
var r = 5;
ctx.beginPath();
// Make an arc from 0 to Math.PI*2, aka a full circle
// X = Longitude
// Y = Latitude
// Negative latitude values go upwards, so we reverse the sign of latitude
ctx.arc(coords[1], -coords[0], r, 0, Math.PI*2, false);
ctx.fillStyle = 'red';
ctx.fill();
将西雅图放在地图上的实时示例:http: //jsfiddle.net/9kmV3/1/