如何在JavaScript中将坐标变量插入谷歌街景API请求URL？

嘿，我来帮你搞定这个问题！你之前直接把x和y写进URL字符串里，JavaScript可不会自动把它们当成变量解析——它只会把'x'和'y'当成普通文本字符，这就是为啥函数识别不了变量值的原因。

针对实时生成的坐标，这里有两种简单可靠的解决方法：

方法1：使用ES6模板字符串（推荐） #

模板字符串用反引号（）包裹，变量可以通过${变量名}`的方式直接嵌入字符串，写法简洁又直观：

// 假设这两个变量是实时生成的
const x = 37.28;
const y = 24.67;

// 用模板字符串动态拼接URL
const streetViewUrl = `https://maps.googleapis.com/maps/api/streetview?location=${x},${y}&size=300x300&pitch=90`;

// 调用你的函数
getBase64FromImageUrl(streetViewUrl);

方法2：传统字符串拼接（兼容旧环境） #

如果你的运行环境不支持ES6语法，可以用+运算符把变量和字符串片段拼接起来：

// 实时生成的坐标变量
var x = 37.28;
var y = 24.67;

// 拼接URL字符串
var streetViewUrl = "https://maps.googleapis.com/maps/api/streetview?location=" + x + "," + y + "&size=300x300&pitch=90";

// 调用函数
getBase64FromImageUrl(streetViewUrl);

注意事项 #

要确保x和y在调用getBase64FromImageUrl之前已经被正确赋值（比如从接口返回、用户输入等实时来源获取到有效值），这样拼接出来的URL才是有效的。

内容的提问来源于stack exchange，提问作者Irini K.