var dataModel = new ht.DataModel();
var graphView = new ht.graph.GraphView(dataModel);
var map = null;   function init() {map = new BMap.Map("map");   var point = new BMap.Point(116.404, 39.915);                          map.addTileLayer(new BMap.TrafficLayer());                    map.centerAndZoom(point, 4);                    map.enableScrollWheelZoom();                       map.addControl(new BMap.NavigationControl());                               map.setMapStyle({features: ["road", "building","water","land"],style:'midnight'});var view = graphView.getView();view.className = 'graphView'; var mapDiv = document.getElementById('map');mapDiv.firstChild.firstChild.appendChild(view);map.addEventListener('movestart', function(e){                   view.style.opacity = 0;});map.addEventListener('moveend', function(e){view.style.opacity = 1; resetPosition(); });map.addEventListener('dragstart', function(e){view.style.opacity = 0;                });map.addEventListener('dragend', function(e){view.style.opacity = 1; resetPosition(); });                                map.addEventListener('zoomstart', function(e){view.style.opacity = 0;});                map.addEventListener('zoomend', function(e){view.style.opacity = 1;    resetPosition(); });                graphView.setLayers(['edgeLayer', 'nodeLayer']);graphView.enableFlow(60);graphView.enableToolTip();graphView.getToolTip = function(event){var data = this.getDataAt(event);if(data instanceof ht.Node){return '城市：' + data.s('note') + '
经度：' + data.lonLat.lng + '
维度：' + data.lonLat.lat;}return null;};graphView.isVisible = function(data){return map.getZoom() > 1 || this.isSelected(data);};graphView.isNoteVisible = function(data){return map.getZoom() > 8 || this.isSelected(data);}; graphView.getLabel = function(data){if(data instanceof ht.Node){return '经度：' + data.lonLat.lng + '\n维度：' + data.lonLat.lat;}                    };graphView.isLabelVisible = function(data){return map.getZoom() > 9 || this.isSelected(data);}; graphView.mi(function(e){if(e.kind === 'endMove'){graphView.sm().each(function(data){if(data instanceof ht.Node){var position = data.getPosition(),x = position.x + graphView.tx(),y = position.y + graphView.ty();                             data.lonLat = map.pixelToPoint(new BMap.Pixel(x,y)); }                            });}});graphView.setAutoScrollZone(-1);graphView.handleScroll = function(){};graphView.handlePinch = function(){};var handleClick = function(e){var data = graphView.getDataAt(e);if(data){e.stopPropagation();}else if(e.metaKey || e.ctrlKey){e.stopPropagation();}};graphView.getView().addEventListener('click', handleClick, false);                graphView.getView().addEventListener('dblclick', handleClick, false);graphView.getView().addEventListener(ht.Default.isTouchable ? 'touchstart' : 'mousedown', handleClick, false);window.addEventListener("resize", function(e) {graphView.invalidate();}, false);                 var color = randomColor(),province = null;lines = china.split('\n');for(var i=0; i<lines.length; i++) {line = lines[i].trim();if(line.indexOf('【') === 0){               color = randomColor();province = null;}else{var ss = line.split(' ');if(ss.length === 3){var node = createNode(parseFloat(ss[1].substr(3)), parseFloat(ss[2].substr(3)), ss[0].substr(3), color); if(province){var edge = new ht.Edge(province, node);edge.s({'edge.center': true,'edge.width': 1,                                    'flow': true});edge.setLayer('edgeLayer');dataModel.add(edge);}else{province = node;node.s({                                   'shape.gradient': 'radial.center',                                    'border.type': 'circle','border.width': 1,'border.color': 'rgba(200, 200, 200, 0.5)'                                    });node.setSize(15, 15);}}}}                }function createNode(lon, lat, name, color){var node = new ht.Node();node.s({'shape': 'circle','shape.background': color,'note': name,                    'label.background': 'rgba(255, 255, 0, 0.5)',                    'select.type': 'circle'});node.setLayer('nodeLayer');node.setSize(10, 10);var lonLat = new BMap.Point(lon, lat); node.setPosition(map.pointToPixel(lonLat));node.lonLat = lonLat;graphView.dm().add(node);return node;
}            function resetPosition(e){graphView.tx(0);graphView.ty(0);dataModel.each(function(data){if(data instanceof ht.Node){var lonLat = data.lonLat,position = map.pointToPixel(lonLat);   data.setPosition(position.x,position.y);                           }});
}