![\"\"](\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2022\/04\/IMG_20180423_122531.jpg-225x300.jpg\")
<\/a><\/p>\n--<\/p>\n
\u7a0b\u5f0f\u78bc<\/h2>\n
\u53ea\u662f\u7c21\u7576\u7684\u4f7f\u7528\u4e86 Google Map \u7684 Marker \u6a19\u793a\u529f\u80fd<\/p>\n
<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n <meta name=\"viewport\" content=\"initial-scale=1.0, user-scalable=no\" \/>\r\n <meta http-equiv=\"content-type\" content=\"text\/html; charset=UTF-8\"\/>\r\n <title>\u53f0\u5357\u5e02 iBeacon \u9ede\u4f4d<\/title>\r\n <style>\r\n #map {\r\n height: 100%;\r\n }\r\n html, body {\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n <\/style>\r\n <script src=\"jquery-1.11.3.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div id=\"map\"><\/div>\r\n\r\n<script>\r\n var customLabel = {\r\n restaurant: {\r\n label: 'R'\r\n },\r\n bar: {\r\n label: 'B'\r\n }\r\n };\r\n\r\n function initMap() {\r\n var map = new google.maps.Map(document.getElementById('map'), {\r\n center: new google.maps.LatLng(22.9933324,120.1980534),\r\n zoom: 15\r\n });\r\n\r\n \/\/ Json\r\n $.ajax({\r\n url: '\/\/hoyo.idv.tw\/beacon\/api.php?b=Json',\r\n type: 'post',\r\n dataType: 'json',\r\n success: function(Json){\r\n if ( Json['Result'] ==true ){\r\n $.each( Json['Data'], function(k,v){\r\n var marker = new google.maps.Marker({\r\n position: {lat: parseFloat(v['lat']), lng:parseFloat(v['lng'])},\r\n title: v['Description'],\r\n map : map\r\n });\r\n\r\n \/\/\r\n var infowindow = new google.maps.InfoWindow({\r\n content: v['Description']\r\n });\r\n marker.addListener('click', function() {\r\n infowindow.open(map, marker);\r\n });\r\n } );\r\n }\r\n }\r\n });\r\n }\r\n<\/script>\r\n<script async defer\r\n src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyC__b-mIBDpW8eBiGotFrNcabGfVYEHHu8&callback=initMap\">\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n <\/p>\n
--<\/p>\n
<\/div>\n
![\"\"](\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2022\/04\/Image-008-300x176.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2022\/04\/IMG_20180421_092847.jpg-225x300.jpg\")
<\/a><\/p>\n