Javascript 如何调整我的谷歌地图嵌入代码以适应v3 api更改
请在这里找到我的网站谷歌地图的完整html代码 自从上一版《我的地图》以来,我遇到了不少麻烦。 从昨天开始,别针不再可以点击 地图链接不再相同。 我迷路了;这段代码需要数天的工作,而不需要任何html编码知识。 我只是从不同的地方抓到了一部分+你们社区的帮助 有人能帮我将此代码重置为ON并帮我转换: 旧广告: 在新广告中: 几乎可以工作的样品Javascript 如何调整我的谷歌地图嵌入代码以适应v3 api更改,javascript,html,google-maps,google-maps-api-3,dictionary,Javascript,Html,Google Maps,Google Maps Api 3,Dictionary,请在这里找到我的网站谷歌地图的完整html代码 自从上一版《我的地图》以来,我遇到了不少麻烦。 从昨天开始,别针不再可以点击 地图链接不再相同。 我迷路了;这段代码需要数天的工作,而不需要任何html编码知识。 我只是从不同的地方抓到了一部分+你们社区的帮助 有人能帮我将此代码重置为ON并帮我转换: 旧广告: 在新广告中: 几乎可以工作的样品 谷歌地图JavaScript API v3示例 var映射; var kml={ a:{ 名称:“比利时点菜”, url:“https://maps.
谷歌地图JavaScript API v3示例
var映射;
var kml={
a:{
名称:“比利时点菜”,
url:“https://maps.google.com/maps/ms?authuser=0&vps=2&hl=fr&ie=UTF8&msa=0&output=kml&msid=208899208399411894595.0004d24e3bd5bbd990f5d"
},
b:{
名称:“Accueil家庭补助Né”,
url:“https://maps.google.be/maps/ms?msid=208899208399411894595.0004dadda3622da16f8c4&authuser=0&msa=0&vps=2&hl=fr&ie=UTF8&output=kml"
},
c:{
名称:“Accueil Family autonome”,
url:“https://maps.google.be/maps/ms?msid=208899208399411894595.0004dadda0922a7eaf40d&authuser=0&msa=0&vps=3&hl=fr&ie=UTF8&output=kml"
},
d:{
名称:“Accueil collectif补助Né”,
url:“https://maps.google.be/maps/ms?msid=208899208399411894595.0004daddae931fdcdc805&authuser=0&msa=0&vps=5&hl=fr&ie=UTF8&output=kml"
},
e:{
名称:“Accueil collectif autonome”,
url:“https://maps.google.be/maps/ms?msid=208899208399411894595.0004daddaa7c86a50424c&authuser=0&msa=0&vps=7&hl=fr&ie=UTF8&output=kml"
},
f:{
名称:“马加辛小王子”,
url:“https://maps.google.be/maps/ms?msid=208899208399411894595.0004dadda4c54c245991b&authuser=0&msa=0&vps=2&hl=fr&ie=UTF8&output=kml"
},
g:{
名称:“保姆与服务”,
url:“https://maps.google.be/maps/ms?msid=208899208399411894595.0004dadda5def521b12ea&authuser=0&msa=0&vps=6&hl=fr&ie=UTF8&output=kml"
},
};
var标记;
var geocoder=new google.maps.geocoder();
函数初始化(){
var toulouse=new google.maps.LatLng(50.581,4.568);
变量myOptions={
缩放:8,
minZoom:8,
滚轮:错误,
中心:图卢兹,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=新的google.maps.map(document.getElementById(“carte”),myOptions);
createTogglers();};
google.maps.event.addDomListener(窗口“加载”,初始化);
//重要的功能。。。kml[id].xxxxx返回到顶部
功能切换KML(选中,id){
如果(选中){
var layer=new google.maps.KmlLayer(kml[id].url{
对,,
});
//将kml存储为obj
kml[id].obj=图层;
kml[id].obj.setMap(map);
}
否则{
kml[id].obj.setMap(null);
删除kml[id].obj;
}
};
函数createTogglers(){
var html=“”;
用于(以kml为单位的var prop){
html+=“- ”+
kml[prop]。名称+“”;
}
html+=“
- ”+
“删除所有层”+
"";
document.getElementById(“切换框”).innerHTML=html;
};
函数removeAll(){
用于(以kml为单位的var prop){
如果(kml[prop].obj){
kml[prop].obj.setMap(null);
删除kml[prop].obj;
}
}
};
功能突出显示(框,列表项){
var selected=‘selected’;
var normal=‘normal’;
document.getElementById(listitem).className=(box.checked?selected:正常);
};
函数启动(){
//例如,这将在加载时切换kml a并更新菜单选择器
var checkit=document.getElementById('a');
checkit.checked=true;
切换KML(选中“a”);
突出显示(选中“Selector 1”);
};
google.maps.event.addListener(映射,'click',函数(事件){
marker=new google.maps.marker({position:event.latLng,map:map});
});
函数rechercheadrese(){
var-adresse=document.getElementById('adresse').value;
地理编码({
地址:地址
},功能(结果、状态){
if(status==google.maps.GeocoderStatus.OK){
map.setCenter(结果[0].geometry.location);
map.setZoom(12);
marker=新的google.maps.marker({
位置:结果[0]。geometry.location,
可点击:false,
地图:地图
});
}否则{
警报('结果未找到!');
}
});
}
.所选{字体大小:粗体;}
不确定您要找的是什么。。。但是考虑到新旧地图,以及运行您在问题中附加的代码片段,执行时不会显示旧网站中的标记。它们是一种自定义标记,可以随代码的更改而添加。关于这一点,请参考此
在代码的initialize()方法中声明标记,以便将它们添加到映射中。下面是显示它们的示例代码
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Simple markers</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
简单标记
html,正文,#地图画布{
身高:100%;
边际:0px;
填充:0px
}
函数初始化(){
var mylatng=new google.maps.LatLng(-25.363882131.044922);
变量映射选项={
缩放:4,
中心:myLatlng
}
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
标题:“你好,世界!”
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
希望这会有帮助 “迷失在HTML中
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Simple markers</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>