Google Maps V3样式或标记不显示取决于我使用的API javascript源
我有一个可以正确看到标记的地图设置,但如果使用此源,则没有样式:Google Maps V3样式或标记不显示取决于我使用的API javascript源,javascript,google-maps,Javascript,Google Maps,我有一个可以正确看到标记的地图设置,但如果使用此源,则没有样式: <script type="text/javascript" src="http://maps-api-tt.appspot.com/apilite/3/apiv3.js"></script> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false&c
<script type="text/javascript" src="http://maps-api-tt.appspot.com/apilite/3/apiv3.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize"></script>
我可以正确地看到我的样式,但如果使用此源,则没有标记:
<script type="text/javascript" src="http://maps-api-tt.appspot.com/apilite/3/apiv3.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize"></script>
我已经浏览了这两个源代码,但我都不知道是什么导致了这个问题。我认为这是一个版本问题,或者我需要创建一个styledMapType,但是由于两者都使用不同的源代码,我现在完全不明白这一点
我的代码如下*(带有样式但没有源标记):
//0&&rank<100){
iconImageOutUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconType+”/marker“+rank+”.png”;
iconImageOverUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconOverType+”/marker“+rank+”.png”;
iconImageUrl=iconImageOutUrl;
}否则{
iconImageOutUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconType+“/blank.png”;
iconImageOverUrl=”http://gmaps-samples.googlecode.com/svn/trunk/" +
“markers/”+param_iconOverType+“/blank.png”;
iconImageUrl=iconImageOutUrl;
}
var markerShadow=
新的google.maps.MarkerImage(iconShadowUrl,iconShadowSize,
iconPosition,iconhotspottoffset);
变量标记图像=
新的google.maps.MarkerImage(iconImageUrl,iconSize,
iconPosition,iconhotspottoffset);
var markerImageOver=
新的google.maps.MarkerImage(iconImageOverUrl,iconSize,
iconPosition,iconhotspottoffset);
var markerImageOut=
新的google.maps.MarkerImage(iconImageOutUrl,iconSize,
iconPosition,iconhotspottoffset);
变量标记选项={
标题:标题,,
图标:markerImage,
影子:马克沙多
}
var marker=new google.maps.marker(latlng,markerOptions,map);
google.maps.event.addListener(标记“单击”,函数(){
var infowindowOptions={
内容:html
}
var infowindow=new google.maps.infowindow(
信息窗口选项,
地图
标记);
cm_设置信息窗口(信息窗口);
标记。设置图标(标记图像);
});
google.maps.event.addListener(标记“mouseover”,function()){
标记。设置_图标(标记图像覆盖);
});
google.maps.event.addListener(标记“mouseout”,function()){
标记。设置图标(标记图像);
});
返回标记;
}
变量样式=[
{
样式:[
{hue:#00ffe6},
{饱和度:-20}
]
},{
特色类型:“道路”,
elementType:“几何体”,
样式:[
{亮度:100},
{可见性:“简化”}
]
},{
特色类型:“道路”,
elementType:“标签”,
样式:[
{可见性:“关闭”}
]
}
];
/**
*在页面中创建一个脚本标记,在
*指定键/ID的JSON提要。
*加载后,它将调用cm_loadMapJSON。
*/
函数cm_getJSON(){
//检索JSON提要。
var script=document.createElement('script');
script.setAttribute('src','http://spreadsheets.google.com/feeds/list'
+“/”+param_ssKey+“/”+param_wsId+“/public/values”+
“?脚本中的alt=json&callback=cm_loadMapJSON”);
setAttribute('id','jsonScript');
setAttribute('type','text/javascript');
document.documentElement.firstChild.appendChild(脚本);
}
setTimeout('cm_load()',500);
//]]>
代码部分过时
你必须改变一些事情
cm_map.set_center(bounds.getCenter());
setTimeout('cm_load()', 500);
与
cm\u标记替换为:
function cm_markerClicked(markerNum) {
var infowindow = new google.maps.InfoWindow({
content: cm_mapHTMLS[markerNum]
});
infowindow.open(cm_map, cm_mapMarkers[markerNum]);
cm_setInfowindow(infowindow);
}
function cm_createMarker(map, latlng, title, html, rank) {
var iconImageUrl;
var iconImageOverUrl;
var iconImageOutUrl;
if(rank > 0 && rank < 100) {
iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconType + "/marker" + rank + ".png";
iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconOverType + "/marker" + rank + ".png";
iconImageUrl = iconImageOutUrl;
} else {
iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconType + "/blank.png";
iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconOverType + "/blank.png";
iconImageUrl = iconImageOutUrl;
}
var markerOptions = {
title: title,
icon: iconImageUrl,
map:map,
position:latlng
}
var marker = new google.maps.Marker(markerOptions);
google.maps.event.addListener(marker, "click", function() {
var infowindow = new google.maps.InfoWindow({content:html});
infowindow.open(map,marker);
cm_setInfowindow(infowindow);
marker.setIcon(iconImageOutUrl);
});
google.maps.event.addListener(marker, "mouseover", function() {
marker.setIcon(iconImageOverUrl);
});
google.maps.event.addListener(marker, "mouseout", function() {
marker.setIcon(iconImageOutUrl);
});
return marker;
}
cm_createMarker
替换为:
function cm_markerClicked(markerNum) {
var infowindow = new google.maps.InfoWindow({
content: cm_mapHTMLS[markerNum]
});
infowindow.open(cm_map, cm_mapMarkers[markerNum]);
cm_setInfowindow(infowindow);
}
function cm_createMarker(map, latlng, title, html, rank) {
var iconImageUrl;
var iconImageOverUrl;
var iconImageOutUrl;
if(rank > 0 && rank < 100) {
iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconType + "/marker" + rank + ".png";
iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconOverType + "/marker" + rank + ".png";
iconImageUrl = iconImageOutUrl;
} else {
iconImageOutUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconType + "/blank.png";
iconImageOverUrl = "http://gmaps-samples.googlecode.com/svn/trunk/" +
"markers/" + param_iconOverType + "/blank.png";
iconImageUrl = iconImageOutUrl;
}
var markerOptions = {
title: title,
icon: iconImageUrl,
map:map,
position:latlng
}
var marker = new google.maps.Marker(markerOptions);
google.maps.event.addListener(marker, "click", function() {
var infowindow = new google.maps.InfoWindow({content:html});
infowindow.open(map,marker);
cm_setInfowindow(infowindow);
marker.setIcon(iconImageOutUrl);
});
google.maps.event.addListener(marker, "mouseover", function() {
marker.setIcon(iconImageOverUrl);
});
google.maps.event.addListener(marker, "mouseout", function() {
marker.setIcon(iconImageOutUrl);
});
return marker;
}
并将cm_load
定义为API的回调:
<script src="http://maps.googleapis.com/maps/api/js?v=3&callback=cm_load">
</script>
效果很好,非常感谢!我认为可能是不赞成是个问题,但我很难弄清楚如何更新代码。完美的