我将写有map应用的网站发布后,电脑访问情况不一样,有些电脑使用IE浏览器地图可以显示,有些电脑使用同样的浏览器却不可以显示,

17 views
Skip to first unread message

冯仕波

unread,
Dec 9, 2009, 8:11:03 PM12/9/09
to google-map...@googlegroups.com
附上部分代码:
1、页面上
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAda624Qw-NkwnwKrMABFikxQ3ioKfPw6J4bV5fGax1G2q4AEDVhTnPTTLa0PEgyHUE9NFjUD9eMxDuA&amp;oe=gb2312"
type="text/javascript"></script>
<script type="text/javascript"src="http://www.google.com/jsapi?key=ABQIAAAAda624Qw-NkwnwKrMABFikxQ3ioKfPw6J4bV5fGax1G2q4AEDVhTnPTTLa0PEgyHUE9NFjUD9eMxDuA"></script>
2、js文件中
/**
初始化地图
*/
function initialize_map() {
if(typeof(GBrowserIsCompatible)=="undefined"){
$E("map_canvas").style.height="24px";
$E("map_canvas").style.textAlign="center";
alert("很遗憾,地图加载失败,退出后再试.");
document.location.href = BASE_PATH +"user/exit.jsp";
}else{
if (GBrowserIsCompatible()){
google_Map = new GMap2($E("map_canvas"));
var center = new GLatLng(29.542025, 106.525811);
var loc = google.loader.ClientLocation; //请求GoogleAJAX服务器 默认根据IP载入IP所在区域地图
if(loc && loc.latitude && loc.longitude) {
center = new GLatLng(loc.latitude,loc.longitude);
}
google_Map.setCenter(center,13);
google_Map.setUIToDefault();
//对map添加控件
google_Map.addControl(new GOverviewMapControl()); //缩小版导航图
//初始位置解析空间
geocoder = new GClientGeocoder(); //自己请求解析

GEvent.addListener(google_Map,"maptypechanged",google_maptype_changed);
//这里是做
}
}
}
--
F.M.O

冯仕波

unread,
Dec 9, 2009, 8:14:54 PM12/9/09
to google-map...@googlegroups.com
里面还用了, 自定义的LabelMarker,有时候的错误也出现在这LabelMarker上,提示Gmarker未定义.附上来源代码
/*
* LabeledMarker Class, v1.2 来源Google论坛
*
* Copyright 2007 Mike Purvis (http://uwmike.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* This class extends the Maps API's standard GMarker class with the ability
* to support markers with textual labels. Please see articles here:
*
* http://googlemapsbook.com/2007/01/22/extending-gmarker/
* http://googlemapsbook.com/2007/03/06/clickable-labeledmarker/
*/

/**
* Constructor for LabeledMarker, which picks up on strings from the GMarker
* options array, and then calls the GMarker constructor.
*
* @param {GLatLng} latlng
* @param {GMarkerOptions} Named optional arguments:
* opt_opts.labelText {String} text to place in the overlay div.
* opt_opts.labelClass {String} class to use for the overlay div.
* (default "LabeledMarker_markerLabel")
* opt_opts.labelOffset {GSize} label offset, the x- and y-distance between
* the marker's latlng and the upper-left corner of the text div.
*/
function LabeledMarker(latlng, opt_opts){
this.latlng_ = latlng;
this.opts_ = opt_opts;

this.labelText_ = opt_opts.labelText || "";
this.labelClass_ = opt_opts.labelClass || "LabeledMarker_markerLabel";
this.labelOffset_ = opt_opts.labelOffset || new GSize(0, 0);

this.clickable_ = opt_opts.clickable || true;
this.title_ = opt_opts.title || "";
this.labelVisibility_ = true;

if (opt_opts.draggable) {
// This version of LabeledMarker doesn't support dragging.
opt_opts.draggable = false;
}

GMarker.apply(this, arguments);
};


// It's a limitation of JavaScript inheritance that we can't conveniently
// inherit from GMarker without having to run its constructor. In order for
// the constructor to run, it requires some dummy GLatLng.
LabeledMarker.prototype = new GMarker(new GLatLng(0, 0));

/**
* Is called by GMap2's addOverlay method. Creates the text div and adds it
* to the relevant parent div.
*
* @param {GMap2} map the map that has had this labeledmarker added to it.
*/
LabeledMarker.prototype.initialize = function(map) {
// Do the GMarker constructor first.
GMarker.prototype.initialize.apply(this, arguments);

this.map_ = map;
this.div_ = document.createElement("div");
this.div_.className = this.labelClass_;
this.div_.innerHTML = this.labelText_;
this.div_.style.position = "absolute";
this.div_.style.cursor = "pointer";
this.div_.title = this.title_;

map.getPane(G_MAP_MARKER_PANE).appendChild(this.div_);

if (this.clickable_) {
/**
* Creates a closure for passing events through to the source marker
* This is located in here to avoid cluttering the global namespace.
* The downside is that the local variables from initialize() continue
* to occupy space on the stack.
*
* @param {Object} object to receive event trigger.
* @param {GEventListener} event to be triggered.
*/
function newEventPassthru(obj, event) {
return function() {
GEvent.trigger(obj, event);
};
}

// Pass through events fired on the text div to the marker.
var eventPassthrus = ['click', 'dblclick', 'mousedown', 'mouseup',
'mouseover', 'mouseout'];
for(var i = 0; i < eventPassthrus.length; i++) {
var name = eventPassthrus[i];
GEvent.addDomListener(this.div_, name, newEventPassthru(this, name));
}
}
};

/**
* Call the redraw() handler in GMarker and our our redrawLabel() function.
*
* @param {Boolean} force will be true when pixel coordinates need to
be recomputed.
*/
LabeledMarker.prototype.redraw = function(force) {
GMarker.prototype.redraw.apply(this, arguments);
this.redrawLabel_();
};

/**
* Moves the text div based on current projection and zoom level.
*/
LabeledMarker.prototype.redrawLabel_ = function() {
// Calculate the DIV coordinates of two opposite corners of our bounds to
// get the size and position of our rectangle
var p = this.map_.fromLatLngToDivPixel(this.latlng_);
var z = GOverlay.getZIndex(this.latlng_.lat());

// Now position our div based on the div coordinates of our bounds
this.div_.style.left = (p.x + this.labelOffset_.width) + "px";
this.div_.style.top = (p.y + this.labelOffset_.height) + "px";
this.div_.style.zIndex = z; // in front of the marker
};

/**
* Remove the text div from the map pane, destroy event passthrus, and calls the
* default remove() handler in GMarker.
*/
LabeledMarker.prototype.remove = function() {
GEvent.clearInstanceListeners(this.div_);
if (this.div_.outerHTML) {
this.div_.outerHTML = ""; //prevent pseudo-leak in IE
}
if (this.div_.parentNode) {
this.div_.parentNode.removeChild(this.div_);
}
this.div_ = null;
GMarker.prototype.remove.apply(this, arguments);
};

/**
* Return a copy of this overlay, for the parent Map to duplicate
itself in full. This
* is part of the Overlay interface and is used, for example, to copy
everything in the
* main view into the mini-map.
*/
LabeledMarker.prototype.copy = function() {
return new LabeledMarker(this.latlng_, this.opts_);
};


/**
* Shows the marker, and shows label if it wasn't hidden. Note that
this function
* triggers the event GMarker.visibilitychanged in case the marker is
currently hidden.
*/
LabeledMarker.prototype.show = function() {
GMarker.prototype.show.apply(this, arguments);
if (this.labelVisibility_) {
this.showLabel();
} else {
this.hideLabel();
}
};


/**
* Hides the marker and label if it is currently visible. Note that
this function
* triggers the event GMarker.visibilitychanged in case the marker is
currently visible.
*/
LabeledMarker.prototype.hide = function() {
GMarker.prototype.hide.apply(this, arguments);
this.hideLabel();
};


/**
* Repositions label and marker when setLatLng is called.
*/
LabeledMarker.prototype.setLatLng = function(latlng) {
this.latlng_ = latlng;
GMarker.prototype.setLatLng.apply(this, arguments);
this.redrawLabel_();
};

/**
* Sets the visibility of the label, which will be respected during show/hides.
* If marker is visible when set, it will show or hide label appropriately.
*/
LabeledMarker.prototype.setLabelVisibility = function(visibility) {
this.labelVisibility_ = visibility;
if (!this.isHidden()) { // Marker showing, make visible change
if (this.labelVisibility_) {
this.showLabel();
} else {
this.hideLabel();
}
}
};


/**
* Returns whether label visibility is set on.
* @return {Boolean}
*/
LabeledMarker.prototype.getLabelVisibility = function() {
return this.labelVisibility_;
};


/**
* Hides the label of the marker.
*/
LabeledMarker.prototype.hideLabel = function() {
this.div_.style.visibility = 'hidden';
};


/**
* Shows the label of the marker.
*/
LabeledMarker.prototype.showLabel = function() {
this.div_.style.visibility = 'visible';
};

xiaoxi

unread,
Dec 14, 2009, 11:51:57 PM12/14/09
to 谷歌地图 API 论坛
可能是js加载顺序的问题,简单的说就是maps api的js还没有加载完,就开始执行和map相关的代码了。
所以文档的例子中将初始话方法放在body的onload事件中执行,以保证maps api加载完成之后再执行其他代码。
Reply all
Reply to author
Forward
0 new messages