โค๊ดที่ใช้ทำ Custom markers หรือการปักหมุด

<!DOCTYPE html>
<html>
<head>
<title>Custom Markers</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=no">
<meta charset="utf-8">
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,

center: {lat: 13.277605, lng: 100.926524},
mapTypeId: 'roadmap'
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
coffee1: {
icon: iconBase + 'coffee.png'
},
coffee2: {
},
coffee3: {
},
coffee4: {
},
coffee5: {
},
coffee6: {
},
coffee7: {
},
coffee8: {
},

coffee9: {
},
info: {
}
};
function addMarker(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map
});
}
var features = [
{
position: {lat:13.282858, lng:100.926069},
type: 'coffee1'
}, {
position: {lat:13.282151,lng :100.925945},
type: 'coffee2'
}, {
position: {lat:13.281829, lng:100.925052},
type: 'coffee3'
}, {
position: {lat:13.278026, lng:100.926130},
type: 'coffee4'
}, {

position: {lat:13.275910, lng:100.925444},
type: 'coffee5'
}, {
position: {lat:13.277627, lng:100.923896},
type: 'coffee6'
}, {
position: {lat:13.278627, lng:100.924916},
type: 'coffee7'
}, {
position: {lat:13.281307, lng:100.922771},
type: 'coffee8'
}, {
position: {lat:13.285014, lng:100.921904},
type: 'coffee9'
},
];
for (var i = 0, feature; feature = features[i]; i++) {
addMarker(feature);
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6-Augszd-
bxFINbUabQn6nk30BkZLYWc&callback=initMap"
async defer></script>
</body>
</html>

โค๊ดที่ใช้ทำ Custom markers หรือการปักหมุด

Recommended

Recommended

More Related Content

Similar to โค๊ดที่ใช้ทำ Custom markers หรือการปักหมุด

Similar to โค๊ดที่ใช้ทำ Custom markers หรือการปักหมุด (20)

More from ranggo24

More from ranggo24 (19)

Recently uploaded

Recently uploaded (20)

โค๊ดที่ใช้ทำ Custom markers หรือการปักหมุด