JSON two ways of storage: http://echarts.baidu.com/download-map.htmlIf the link fails, go to echarts official website to find it.Problems encounteredBaidu provides the map components to support zooming in and out, and I met the demand is that the Chinese map can be enlarged after the map in China to see the outline of
.
Chinamappath. js-map China
Chinamap. js-add events and colors to the drawn map, and bind data to the map.Modify content
I just made some modifications to the chinamap. js file.
First, obtain the central coordinates of each region.
// *** Obtain the Center Coordinate var xx = ST of the current image. getbbox (). X + (St. getbbox (). width/2); var YY = ST. getbbo
Catalog Preface
In fact, I found the script for this map on the Internet and found a lot. I found that the map drawn with Rapha ë l has the strongest function. It is best to see it. The key is that the compatibility is also the best, supports all browsers, including IE6
Rapha pull l Official Website: http://raphaeljs.com/pretty good drawing plug-in, interested can look at, support IE6
a true data.frame type. the Ggplot2 package specifically provides a special version of the Fortify function for geographic data to do this workUse this function to cook the X,Geom_polygon is a function of the polygon fill path, and the map is actually a variety of combinations of polygons, so with this function, it is appropriate to draw a map. mymap=ggplot (data = fortify (x)) +geom_polygon (Aes (X=LONG,Y
This article will share with you how to use raphael. js to complete map interaction, raphael. javascript is a small javascript library that allows you to draw various vector graphs, charts, image cropping, rotation, motion animation, and other functions on a webpage, if you need a map of China, you can refer to the latest data statistics project to use the
Php+mysql+jquery China Map Area Data Statistics Examples of examples of jquery explained
Today I'm going to show you how to load data into a map in real-world applications. In this paper, we use php+mysql+jquery to realize the statistic effect of data in China map provinces
This article will share with you how to use raphael. js to complete map interaction, raphael. javascript is a small javascript library that allows you to draw various vector graphs, charts, image cropping, rotation, motion animation, and other functions on a webpage, if you need a map of China, you can refer to the latest data statistics project to use the
China's largest tanker delivery displacement equivalent to 7 Liaoning ships [map]"cinnamon" Oil wheelThe country's largest tanker "GUI" stop at the Guangzhou International Nansha Factory Wharf. Established by Guangzhou Shipyard International Co., Ltd. for China Merchants Energy Transportation Co., Ltd., the country's largest crude oil wheel ——— carrying capacity of 320,000 tons of "GUI" wheel, built in Guan
The Flash map of China uses objects as the data source to facilitate visualization projects based on the map of China.
Features:
Swc for easy import to the Flex Project
The data source is an Object, which is more convenient than XML.
Data-driven map block color and Hover
This is the optimized version of the previously released China Map flash version. The source code is located in googlecode, which provides download and has the following features:
1. Divide administrative regions by province to display detailed information of each province (the content is customized in XML)2. html display supported3. Click "Province" to open the webpage link.4. Support event listening (AS
The site needs a map of China, and the mouse passes through a province, the province's province name shows, and the province's area will change color display.The first method:The picture of each province is positioned (hidden first), combined with a map of China, and then the name of the province, the mouse through the
Examples of PHP + Mysql + jQuery China map region data statistics and jquery examples are provided. PHP + Mysql + jQuery: an example of regional data statistics for map of China. a jquery example shows how to load data into a map in practical applications. This document intr
Html img Tag: defines an image to be introduced into a webpage. It also has an interesting usemap attribute. Check that there is a map on the 51ditu homepage and a map of China in the middle. Right-click to download and you will see a normal image. However, clicking the province on the map can start different events (o
Provides various official and user-released code examples. For code reference, you are welcome to exchange and learn. This article uses the echarts chart plug-in, that is, Baidu quit, and the call method is very simple.
Echarts Configuration
Option = {Title :{Text: 'GDP statistics for June 11 ',Subtext: 'Data Source Network (unit: Trillion RMB )',Left: 'center'},Tooltip :{Trigger: 'item ',Formatter: "{}{B }:{ c} Trillion RMB"},VisualMap :{Min: 0,Max: 10,Left: 'left ',Top: 'bottom ',Orient: 'hor
The first two lines into the corresponding library, the real code is 4 lines, simple enough. The 1th line may not even be written, it defines the size of the graph. Line 2nd we create a map, line 3rd lines up the shoreline, and the 4th line shows the map, that's it:You use Java the 4 line code to draw a map out?And then we started painting the country, and again,
This article mainly introduces Jquery's China Map hotspot effect-A simple example of the prompt layer information after the mouse pops up. If you need a friend, you can refer to it and hope to help you as follows:
The Code is as follows:
Jquery China Map hotspot effect-A simple example of the prompt layer informatio
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.