google maps in hexo site

google-maps-in-hexo-site

Không có cũng không sao. Chỉ là tiện tay làm cho vui.

npm install --save hexo-tags-googlemaps

Thêm vào _config.yml

google_maps_api_key: //your google api key here

API là gì? Làm sao để có nó? Lúc nào có hứng viết sau.

Trong hexo page (ví dụ /about/index.md)

{% googlemaps 21.047 105.795 4 100% 450px %}
  I live here :D, 21.047699, 105.795275, https://res.cloudinary.com/bidong/image/upload/v1533111267/pitung.gitlab.io/wellcome.png
{% endgooglemaps %}

Dòng đầu tiên, mấy con số nom có vẻ bí hiểm lần lượt là tọa độ (kinh, vĩ tuyến gì đó), mức zoom (4), chiều ngang (100%), chiều dọc (450px). Dòng thứ 2 là tọa độ điểm đặt icon mark và link tới icon.

Mời xem