Google Map Marker - Marker Icon - Marker API - Google Maps
1. Google Map Marker là gì? Map Marker chính là những biểu tượng gắn cho một địa điểm cụ thể nào đó, nó cung cấp các API với tên gọi là Google Marker Api. Dựa vào các thông số Marker API này ta dễ dàng custom được giao diện marker, cũng như là thêm, xóa marker ra khỏi bản đồ google map. ...
Google Map Styles - Styled Maps - Google Maps
1. Styled maps là gì? Google Map cho phép bạn tùy chỉnh thông tin hình ảnh hiển thị, đường đi, cây cối, công viên hay các công trình xây dựng theo chuẩn của google. Điều này giúp ta tạo ra bản đồ theo phong cách riêng và nhìn bắt mắt hơn bản đồ mặc định của google map. Hiện tại có hai cách để ...
Google Map Controls - Custom Map Control - Google Maps
Tiếp theo bài cấu hình map controls nâng cao chúng ta tiếp tục tìm hiểu các kiến thức nâng cao hơn đó là Custom Google Map Controls Advance. Như bạn biết tất cả những gì hiển thị trên Browser để là các đoạn mã HTML bình thường nên bạn muốn hiển thị như thế nào thì chỉ cần đánh vào thẻ HTML và ...
Google Map Controls - cấu hình map controls nâng ca - Google Maps
Ở bài tìm hiểu google map controls chúng ta đã biết danh sách các controls trong google map, và chúng ta cũng đã biết cách thiết lập cấu hình bỏ đi tất cả những thông số mặc định của google map (Default UI) bằng cách sử dụng API disableDefaultUI. Tuy nhiên trong thực tế đôi lúc chúng ...
Google Map Controls - Danh sách các controls của google ma - Google Maps
Khi bản đồ google map hiển thị lên thì người dùng sẽ thao tác với bản đồ thông qua giao diện người dùng, giao diện này được cấu hình từ những hệ thống Google Map Controls. Vì thế để đi sâu vào tìm hiểu google map thì ta bắt buộc phải tìm hiểu danh sách các controls trong google map (google map ...
Google map events - Getting - Setting -Quản lý Listeners - Google Maps
Ở bài Google map events - UI Events - MVC State Changes chúng ta đã tìm hiểu một số khái niệm về Events trong google map, các ví dụ điển hình của events. Tuy nhiên các ví dụ chưa thể hiện được tất cả những cách dùng google map thông dụng, nên trong bài này ta tiếp tục tìm hiểu các ví dụ của ...
Google map events - UI Events - MVC State Changes - Google Maps
Javascript là một ngôn ngữ Client, có nghĩa là nó sẽ thao tác với người dùng thông qua các sự kiện và ngôn ngữ này sẽ lắng nghe những thao tác của người dùng thông qua sự kiện đó. Trong bài này ta sẽ tìm hiểu hai loại sự kiện trong google map: User evenets (như click, dbclick) được ...
Chọn ngôn ngữ google map và chạy google map trên thiết bị di động - Google Maps
Nếu bạn chưa có ứng dụng API KEY của google map thì quay lại bài đăng ký google map API để lấy API key sử dụng google map 1. Phát triển google map trên thiết bị di động Với google map API v3 đã được nâng cấp hỗ trợ load bản đồ trên thiết bị di động một cách nhanh chóng, nó tập trung vào ...
Viết ứng dụng google map hiển thị bản đồ thành phố Hồ Chí Minh - Google Maps
Ở bài trước chúng ta đã tạo được một google map API key rồi nhỉ, vậy thì trong bài này ta sẽ thực hành tạo một ứng dụng nho nhỏ đó là hiển thị bản đồ google map của Thành Phố Hồ Chí Minh. Để xây dựng ứng dụng này ta sẽ đi qua một vài bước theo thứ tự như sau: 1. Tạo file html hiển thị ...
Đăng ký google map API để lấy API key sử dụng google ma - Google Maps
Có lẽ ai cũng biết google map là một dịch vụ bản đồ miễn phí hoàn toàn của google, nó cung cấp các API để người dùng có thể tìm kiếm, xử lý các thông tin trên bản đồ một cách dễ dàng và thuận tiện nhất. Tuy nhiên để sử dụng được nó không hề đơn giản, bạn phải rành Javascript, nếu viết ứng dụng thực ...
Những tính năng mới của ES9 (2018) - Javascript nâng cao
ES9 được release vào năm 2019, phía sau nó là ES8, ES7, ES6, ... Và cũng giống như các phiên bản trước, ngoài những tính năng cũ thì nó còn bổ sung một số tính năn mới như sau. Asynchronous Generators và Iteration Async iterators cũng giống như các iterators, nhưng trong phiên bản này thì nó ...
Những tính năng mới trong ES11 - Javascript nâng cao
ES11 hay còn gọi là ES2020, là phiên bản kế tiép của ES10 và phát hành theo từng năm nên nó được public vào năm 2020. Trong bài viết này chúng ta sẽ tìm hiểu những tính năng mới nhất cảu ES11 nhé. Lưu ý: Những ví dụ dưới đây được test trên Google Chrome từ phiên bản 79 trở lên nhé. ...
ính năng mới trong ES8 (2017) - Javascript nâng cao
ES8 vừa ra mắt vào tháng 6 năm 2017 với nhiều nânp cấp đáng kể, và trong bài này mình sẽ chia sẻ những tính năng mới của ES8 nhé. Mọi nâng cấp đều mong muốn loại bỏ những cái thừa thải, bổ sung những cái hay và tối ưu hơn vào ngôn ngữ. Và Javascript cũng vậy, tiếp nối ES7 thì ES8 ra đời với nhiều ...
ính năng mới trong ES7 (ECMAScript 2016) - Javascript nâng cao
ES7 được giới thiệu vào năm 2017 với nhiều tính năng mới được thêm vào. Đây không phải là điều khó hiểu bởi Javascript thực sự là ngôn ngữ rất mạnh, nói chính xác hơn là ngôn ngữ tương lai. ES7 có những nâng cấp ít hơn so với phiên bản tiền nhiệm của nó là ES6. Vì vậy mình sẽ viết một bài đơn ...
Iterables và iterators trong ES6 - Javascript nâng cao
Trong bài này chúng ta tìm hiểu về iterables và iterators trong Javascript nói chung và trong ES6 nói riêng. Từ trước đến nay để lặp qua các phần tử của một mảng hoặc một danh sách thì chúng ta sử dụng vòng lặp, tuy nhiên việc sử dụng vòng lặp đôi lúc gây khó khăn trong một số trường hợp. Ví ...
Hiểu rõ hơn về Promise trong Javascript - ES6 - Javascript nâng cao
Promise là đề tài được tìm kiếm khá nhiều trong 2 năm gần đây, nhất là kể từ ngày AngularJS, NodeJS và các JS Framework khác ra đời bởi vì hầu hết chúng đều có sử dụng Promise để giải quyết xử lý bất đồng bộ (Async). Ở bài trước mình có giới thiệu sơ lược về cách sử dụng Promise rồi, tuy ...
ìm hiểu Promise trong Javascript - ES6 - Javascript nâng cao
Promise được đưa vào Javascript từ ES6, đây có thể coi là một kỹ thuật nâng cao giúp xử lý vấn đề bất đồng bộ hiệu quả hơn. Trước đây kết quả của một tác vụ đồng bộ và bất đồng bộ sẽ trả về một kiểu dữ liệu nào đó hoặc thực hiện một Callback Function, điều này quá là bình thường bởi ta đã ...
Synchronous là gì? Asynchronous là gì? - Javascript nâng cao
Trước khi vào tìm hiểu các vấn đề nâng cao như Promise, Class thì chúng ta sẽ tìm hiểu thế nào la Asynchronous và Synchronous. Đây là hai khái niệm mà đa số các lập trình viên mới vào nghề chưa hiểu được bản chất của nó nên dẫn tới xử lý tình huống bị sai. Trong bài có sử dụng từ viết tắt: ...
HTML Template String trong ES6 - Javascript nâng cao
Trong bài này chúng ta sẽ tìm hiểu về cú pháp cũng như làm một số ví dụ về Template String trong ES6. Trong Laravel có Blade template, trong Phalcon có Volt template, vậy trong Javascript có template nào hay không? Tính từ ES5 trở về trước thì chưa xuất hiện khái niệm template string mà nó chỉ ...
Symbol trong ES6 - Javascript nâng cao
Trong bài này chúng ta tìm hiểu về đối tượng Symbol và ứng dụng của nó trong việc tạo các giá trị không trùng lặp. Trong ES6 xuất hiện thêm một kiểu dữ liệu đó là Symbol, đây là kiểu dữ liệu dạng primitive type, nó sẽ tạo ra các ký tự duy nhất (unique) và không trả về một ...
