https://github.com/oawu/oa-instagram_maps

模擬 Instagram 地圖照片模式的範例
https://github.com/oawu/oa-instagram_maps

google-maps google-maps-api instagram jquery markerclusterer markerwithlabel oa-instagram-maps scss

Last synced: about 1 month ago
JSON representation

模擬 Instagram 地圖照片模式的範例

• Host: GitHub
• URL: https://github.com/oawu/oa-instagram_maps
• Owner: oawu
• Created: 2015-06-29T03:22:24.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-09-01T06:03:21.000Z (over 7 years ago)
• Last Synced: 2024-03-21T17:59:58.672Z (9 months ago)
• Topics: google-maps, google-maps-api, instagram, jquery, markerclusterer, markerwithlabel, oa-instagram-maps, scss
• Language: CSS
• Homepage: https://www.ioa.tw/Develop/GoogleMaps-Instagram-ImageMaps.html
• Size: 5.41 MB
• Stars: 5
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Welcome To OA's Instagram Maps!

模擬 Instagram 地圖照片模式的範例。

---

![](img/instagram-maps.jpg)

## 聲明

本作品授權採用 姓名標示-非商業性 2.0 台灣 (CC BY-NC 2.0 TW) 授權，詳見 [http://creativecommons.org/licenses/by-nc/2.0/tw/](http://creativecommons.org/licenses/by-nc/2.0/tw/)

## 簡介

* 模擬 Instagram 地圖照片模式的範例，利用 [Google Maps API](https://developers.google.com/maps/documentation/javascript/markers) 所提供的服務，再加上 [MarkerClusterer](https://googlemaps.github.io/js-marker-clusterer/docs/examples.html)、[MarkerWithLabel](http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.8/docs/examples.html) 的使用，建立出類似 Instagram Maps 的服務。

* 基本上是利用 [Google Maps API](https://developers.google.com/maps/documentation/javascript/markers) 的 **maps** 以及 **marker** 設計！

* 再加上 [MarkerClusterer](https://googlemaps.github.io/js-marker-clusterer/docs/examples.html)、[MarkerWithLabel](http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.8/docs/examples.html) 加強 Google Maps 上的表現。

* Demo 範例頁面: [https://goo.gl/Q4JqTz](https://goo.gl/Q4JqTz)

## 關於

* 作者名稱 - [OA Wu](http://www.ioa.tw/)

* E-mail - 

* 作品名稱 - OA's Instagram Maps

* 最新版本 - 1.0.0

* GitHub - [OA-instagram_maps](https://github.com/comdan66/OA-instagram_maps/)

* 相關資源 - [Google Maps API](https://developers.google.com/maps/documentation/javascript/markers)

* 相關資源 - [MarkerClusterer](https://googlemaps.github.io/js-marker-clusterer/docs/examples.html)

* 相關資源 - [MarkerWithLabel](http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.8/docs/examples.html)

* 更新日期 - 2015/06/29