gpt4 book ai didi

javascript - 将 css 样式添加到 Javascript 中使用的图像

转载 作者:行者123 更新时间:2023-11-28 06:29:53 24 4
gpt4 key购买 nike

我有一个在我的 js 文件中使用的图像(它用于地理定位图标),我想向它添加 css 样式,因为图像本身在屏幕上太大了。

<!DOCTYPE html>
<html>
<head>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var locationIcon = 'img/SVG/User_Location.svg';

// Try HTML5 geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};

//Centers map to current position
map.setCenter(pos);

//Sets icon to current position
var currentLocation = new google.maps.Marker({
position: {lat: position.coords.latitude, lng: position.coords.longitude},
map: map,
icon: locationIcon
});

}, function() {
handleLocationError(true, infoWindow, map.getCenter());
});
} else {
// Browser doesn't support Geolocation
handleLocationError(false, infoWindow, map.getCenter());
}
}
</script>
</body>
</html>

我将如何实现这一目标?编辑:我添加了代码来显示图像的显示方式

最佳答案

我认为您正在寻找的内容已在这篇文章中得到解答。 How to display image with javascript?您希望图像位于 .js 文件之外。您可以在链接解决方案的函数中添加一个类,该类将使用该元素创建该类。从那里你可以选择类

.custom-class {
width: 100%;
height: 100%;
etc...
}

关于javascript - 将 css 样式添加到 Javascript 中使用的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35045767/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com