|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
一旦你有了思想,那你编的程序就有了灵魂,不管是什么语言到了你的手里都会是你的工具而已,他们的价值是能尽快帮助你实现你想要的目标。但是如果你没有了思想,那就像是海里的帆船失去了船帆,是很难到打海的另一边的。
googlemap默许的标示GMarker,只能利用图片不克不及利用笔墨。可是在实践中,我们不成制止的必要在舆图上标示笔墨信息。比方地名等。Google舆图API使我们能够经由过程扩大GMarker完成自界说的GMarker的子类LabelMarker。
1 google.maps.LabelMarker = function(latlng, options)
2 {
3 this.latlng = latlng;
4 this.labelText = options.labelText || ;
5 this.labelClass = options.labelClass || writeb;
6 this.labelOffset = options.labelOffset || new google.maps.Size(8, -33);
7 options.icon = options.icon || getTextIcon();
8 google.maps.Marker.apply(this, arguments);
9 }
10
11 google.maps.LabelMarker.prototype = new google.maps.Marker(new google.maps.LatLng(0, 0));
12
13 google.maps.LabelMarker.prototype.initialize = function(map){
14 google.maps.Marker.prototype.initialize.call(this, map);
15
16 var label = document.createElement(div);
17 label.className = this.labelClass;
18 label.innerHTML = this.labelText;
19 label.style.position = absolute;
20 label.style.width = 48px;
21 map.getPane(G_MAP_MARKER_PANE).appendChild(label);
22
23 this.map = map;
24 this.label = label;
25 }
26
27 google.maps.LabelMarker.prototype.redraw = function(force){
28 google.maps.Marker.prototype.redraw.call(this, map);
29
30 if(!force)
31 {
32 return;
33 }
34
35 var point = this.map.fromLatLngToDivPixel(this.latlng);
36 var z = google.maps.Overlay.getZIndex(this.latlng.lat());
37
38 this.label.style.left = (point.x + this.labelOffset.width) + px;
39 this.label.style.top = (point.y + this.labelOffset.height) + px;
40 this.label.style.zIndex = z + 1;
41 }
42
43 google.maps.LabelMarker.prototype.remove = function(){
44 this.label.parentNode.removeChild(this.label);
45 this.label = null;
46 google.maps.Marker.prototype.remove.call(this);
47 }
48
49 function getTextIcon()
50 {
51 var icon = new google.maps.Icon();
52 icon.image = "/js/map/img/mapts.gif";
53 icon.iconSize = new GSize(48, 40);
54 icon.iconAnchor = new GPoint(0, 40);
55 icon.infoWindowAnchor = new GPoint(5, 1);
56 return icon;
57 }
在页面上挪用的代码:
1 var marker = new google.maps.LabelMarker(map.getCenter(), {
2 labelText:我在这
3 });
4
5 map.addOverlay(marker);
如今就会在舆图上显现我们自界说的GMarker标识了。
用java开发web只要两本书:一本是关于java基础的,一本是关于jsp、servlet的就可以了。开发周期长,我就来讲句题外话,现在有很多思想都是通过java来展现。 |
|