html5--about Geolocalition (geo-positioning)

* Geolocation (geo-location)

* Basic Content

* Geo-location-point of intersection of Earth's longitude and latitude

* How to achieve geo-positioning

* GPS-United States, rely on satellite positioning

* Beidou positioning-pure domestic, inertial positioning technology and satellite positioning

* Base Station Locator-mobile operator creates base station (provides signal source)

* Internet-based-IP address (PC-and mobile-side)

* Many browsers now have positioning capabilities

* Geographical location in HTML5

* Geolocation function is not part of HTML5 proprietary content

* HTML5 's geo-location technology, provided by Google Inc.

* Google Map Products

* China-cannot use all Google services and products at home.

* Baidu map and German map

* Baidu Map

* Baidu Map-http://developer.baidu.com/map/

* Register for Baidu Developer account

* http://developer.baidu.com/

* Conditions-must be able to connect to the Internet

* Purpose-Master How to use Baidu map

* JS Library or Baidu Map

* The API Help documentation provided

* Demo Sample Code provided

* Purpose of study

* Learn the function of Baidu map

* The use of Baidu map features

* How to use Baidu map

* In the HTML page

* Introduction of Baidu Map JS

Http://api.map.baidu.com/api?v=2.0&ak= secret key

* Define the container that displays the map

<div id= "" style= "" ></div>

* in JavaScript code

* Create Baidu Maps Map Object

var map = new Bmap.map (container ID);

* To initialize the map

Map.centerandzoom ();

* Components of Baidu Map

* Core class-Map class

* constructor-BMAP.MAP (container ID);

* Method

* Centerandzoom ()-initialization method

* AddControl ()-Add control

* Addoverlay ()-Add callout

* Control class-Controls class

* Scalecontrol Class-Indicates the scale of the map

* constructor-Create scale object

* Navigationcontrol class-Represents the Move zoom control

* constructor-Create a mobile zoom control

* Overlay Class-Cover category

* Marker class-Represents a callout for a map

* constructor-Marker (point)

* Point Class-Callout class

* Drag and drop (drag) API

* Achieve drag and drop effect

* What is the file you want to drag and drop? -source Element

* Where do you want to drag and drop? -Target Element

* Drag-and-drop effect is currently implemented

* Using native DOM can be implemented-the most troublesome

* Plug-in with jquery-drag effect

* Drag and drop function available in HTML5

* Drag and drop in HTML5

* Source Element Event

* DragStart-triggered when the mouse starts to drag and drop

* Drag-similar to MouseMove event during mouse drag and drop

* Dragend-triggered when mouse over drag and drop

* Target Element Event

* DragEnter-triggered when the mouse is dragged and dropped into the target element

* DragOver-When the mouse reaches the current element is triggered

* Increase Event.preventdefault () for the event;

* Drop-triggered when the mouse implements the drag-and-drop effect

* This event is not triggered by default

* Cause-HTML page by default, drag-and-drop is not allowed

* The default behavior called HTML pages

* Resolve-Block The default behavior of the page

* Event Object Event.preventdefault () method

* DragLeave-When the mouse drag and drop away from the target element is triggered

* DataTransfer Object

* Function-functions similar to the Clipboard of window System

* function

* The source element information (data) can be stored here

* The source element information stored in the object, provided to the target element

* Method

* SetData ()-Set (source element) data

* used in Source element events

* GetData ()-Gets the data set

* used in Target element events

* ClearData ()-Clears (set) data

* All data content, stored in browser memory

* When the data content is finished, clear

* Setdragimage () method

* Function-Modify the drag and drop process, the mouse follows the picture effect

* Usage-drag, DragStart and other events

* Note-In practice, this method hardly

* Extended Content

* Build Your own technology blog

* function

* Inductive learning technical knowledge and experience summary, etc.

* Help check technical expertise or errors

* Technology Blog provides communication platform with others

* In the interview, the company will ask whether you have a technical blog

* Technology Blog website

* CSDN-the most famous technology circle

http://blog.csdn.net/

* Blog Park-Veteran technology Blog

http://www.cnblogs.com/

* Iteye-Focus on technology blog

Http://www.iteye.com/blogs

* Development Community

http://segmentfault.com/

* The work can be accessed online (web front-end)

* Hexo-Static Blog program written with Nodejs

* Address: https://hexo.io/

* Build a blog site

* GitHub

https://pages.github.com/

* Gitcafe

https://gitcafe.com/

* Use of Git software

html5--about Geolocalition (geo-positioning)