จะต้องทำยังไงถึงจะสมบรูณ์

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

adminsupport

จะต้องทำยังไงถึงจะสมบรูณ์

Post by adminsupport »

*******How to make Somboon perfect?
Can I have the picture adjust as I want?***`****
I use the code from Google maps website documentation, but since I am new to coding I am not sure how to do this.

<!DOCTYPE html>`enter code here`
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<script type='text/javascript'>
var map, historicalOverlay;
Var updateTileLayer;
function initMap() {
map = new google.maps.Map(document.getElementById('myMap'), {
center: new google.maps.LatLng(40.740, -74.18),
zoom: 12
});
var imageBounds = {
north: 40.773941,
south: 40.712216,
east: -74.12544,
west: -74.22655
};`enter code here`
historicalOverlay = new google.maps.GroundOverlay(
'https://www.lib.utexas.edu/maps/histori ... j_1922.jpg',
imageBounds);
overlay.setMap(map);
historicalOverlay.setMap(map);
}
function setOpacity() {
var opacityStr = document.getElementById('opacity').value;
var opacity = parseFloat(opacityStr);
overlay.setOpacity(opacity);
}
</script>
<!-- Google Maps Script Reference -->
<script src="https://maps.googleapis.com/maps/api/js ... itMap&key=[Your Google Maps Key]" async defer></script>
</head>
<body>
<td>Opacity</td>`enter code here`
<td>
<form oninput="opacity.value=Opacity.value">
<input type="range" id="Opacity" value="1" min="0" max="1" step="0.1" oninput="updateTileLayer()" onchange="updateTileLayer()" />
<output name="opacity" for="Opacity">1</output>
</form>
</td>`enter code here`
<div id="myMap" style="position:relative;width:600px;height:400px;"></div>
</body>
</html>

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 24691
Joined: 22/09/2008 6:18 pm
Contact:

Re: จะต้องทำยังไงถึงจะสมบรูณ์

Post by mindphp »

ปัญหา อยู่ตรงไหนครับ
cap ภาพปัญหา มาดูหน่อยครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Guest

Re: จะต้องทำยังไงถึงจะสมบรูณ์

Post by Guest »

mindphp wrote:
23/07/2020 11:45 am
ปัญหา อยู่ตรงไหนครับ
cap ภาพปัญหา มาดูหน่อยครับ
ต้องการให้ภาพที่แสดงปรับ opacity ตามแถบที่สร้างมาครับ แนะต้อนนี้ทั้ง 2 ฟังชั่น ยังไม่ได้ทำงานรวมกันครับ

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: No registered users and 8 guests