Php 谷歌地图标记URL？
我在给谷歌地图标记提供一个包含以下代码的URL时遇到了一些问题 假设我只想在“wpl_map_marker_image”中添加一个HREF（到Google.com或其他地方），那么通过单击标记图像，它就会出现在那里，我如何在下面的代码中添加它Php 谷歌地图标记URL？,php,html,url,maps,Php,Html,Url,Maps,我在给谷歌地图标记提供一个包含以下代码的URL时遇到了一些问题 假设我只想在“wpl_map_marker_image”中添加一个HREF（到Google.com或其他地方），那么通过单击标记图像，它就会出现在那里，我如何在下面的代码中添加它 <script type="text/javascript"> function wplookInitMap() {
<script type="text/javascript">
function wplookInitMap() {
// Define the centre of the map and the position of the marker
var mapCenter = {
lat: <?php echo $wpl_map_latitude; ?>,
lng: <?php echo $wpl_map_longitude; ?>
};
// Define map options
var mapOptions = {
zoom: <?php echo $wpl_map_zoom; ?>,
center: mapCenter,
draggable: false,
disableDefaultUI: true,
scrollwheel: false,
<?php echo ( !empty( $wpl_map_snazzy_style ) ? 'styles: ' . $wpl_map_snazzy_style : '' ); ?>
};
// Generate the map
var map = new google.maps.Map( document.getElementById('contactMap'), mapOptions );
// Add a marker
var beachMarker = new google.maps.Marker( {
position: mapCenter,
map: map,
<?php echo ( !empty( $wpl_map_marker_image ) ? 'icon: \'' . $wpl_map_marker_image . '\'' : '' ); ?>
} );
// Center the map when the user resizes the window
google.maps.event.addDomListener( window, 'resize', function() {
map.setCenter( mapCenter );
} );
}
// Generate the map on page load
if (!window.addEventListener) {
window.attachEvent('load', wplookInitMap);
} else {
window.addEventListener('load', wplookInitMap, false);
}
</script>
函数wplookInitMap（）{
//定义地图的中心和标记的位置
变量映射中心={
拉丁语：，
液化天然气：
};
//定义地图选项
变量映射选项={
缩放：，
中心：地图中心，
可拖动：错误，
disableDefaultUI:true，
滚轮：错误，
};
//生成地图
var map=new google.maps.map（document.getElementById（'contactMap'），mapOptions）；
//添加标记
var beachMarker=新的google.maps.Marker（{
位置：地图中心，
地图：地图，
} );
//当用户调整窗口大小时，将地图居中
google.maps.event.addDomListener（窗口，“调整大小”，函数（）{
地图中心（地图中心）；
} );
}
//在页面加载时生成地图
如果（！window.addEventListener）{
window.attachEvent（'load'，wplookInitMap）；
}否则{
addEventListener（'load'，wplookInitMap，false）；
}
窗口。打开，如下所示
google.maps.event.addListener(beachMarker, 'click', function () {
window.open("http://google.com/");
});
jsFiddel演示：
试试这个
您可以使用窗口。打开，如下所示
google.maps.event.addListener(beachMarker, 'click', function () {
window.open("http://google.com/");
});
jsFiddel演示：
啊，谢谢，是的，在我的例子中它被称为“beachMarker”，但你的代码可以工作
如果将来有人需要并阅读，请点击这里：
<script type="text/javascript">
function wplookInitMap() {
// Define the centre of the map and the position of the marker
var mapCenter = {
lat: <?php echo $wpl_map_latitude; ?>,
lng: <?php echo $wpl_map_longitude; ?>
};
// Define map options
var mapOptions = {
zoom: <?php echo $wpl_map_zoom; ?>,
center: mapCenter,
draggable: false,
disableDefaultUI: true,
scrollwheel: false,
<?php echo ( !empty( $wpl_map_snazzy_style ) ? 'styles: ' . $wpl_map_snazzy_style : '' ); ?>
};
// Generate the map
var map = new google.maps.Map( document.getElementById('contactMap'), mapOptions );
// Add a marker
var beachMarker = new google.maps.Marker( {
position: mapCenter,
map: map,
<?php echo ( !empty( $wpl_map_marker_image ) ? 'icon: \'' . $wpl_map_marker_image . '\'' : '' ); ?>
} );
google.maps.event.addListener(beachMarker, 'click', function () {
window.open("http://google.com/");
} ) ;
// Center the map when the user resizes the window
google.maps.event.addDomListener( window, 'resize', function() {
map.setCenter( mapCenter );
} );
}
// Generate the map on page load
if (!window.addEventListener) {
window.attachEvent('load', wplookInitMap);
} else {
window.addEventListener('load', wplookInitMap, false);
}
</script>
函数wplookInitMap（）{
//定义地图的中心和标记的位置
变量映射中心={
拉丁语：，
液化天然气：
};
//定义地图选项
变量映射选项={
缩放：，
中心：地图中心，
可拖动：错误，
disableDefaultUI:true，
滚轮：错误，
};
//生成地图
var map=new google.maps.map（document.getElementById（'contactMap'），mapOptions）；
//添加标记
var beachMarker=新的google.maps.Marker（{
位置：地图中心，
地图：地图，
} );
google.maps.event.addListener（beachMarker，'click'，函数（）{
窗口打开（“http://google.com/");
} ) ;
//当用户调整窗口大小时，将地图居中
google.maps.event.addDomListener（窗口，“调整大小”，函数（）{
地图中心（地图中心）；
} );
}
//在页面加载时生成地图
如果（！window.addEventListener）{
window.attachEvent（'load'，wplookInitMap）；
}否则{
addEventListener（'load'，wplookInitMap，false）；
}
啊，谢谢，是的，在我的例子中它被称为“beachMarker”，但你的代码可以工作
如果将来有人需要并阅读，请点击这里：
<script type="text/javascript">
function wplookInitMap() {
// Define the centre of the map and the position of the marker
var mapCenter = {
lat: <?php echo $wpl_map_latitude; ?>,
lng: <?php echo $wpl_map_longitude; ?>
};
// Define map options
var mapOptions = {
zoom: <?php echo $wpl_map_zoom; ?>,
center: mapCenter,
draggable: false,
disableDefaultUI: true,
scrollwheel: false,
<?php echo ( !empty( $wpl_map_snazzy_style ) ? 'styles: ' . $wpl_map_snazzy_style : '' ); ?>
};
// Generate the map
var map = new google.maps.Map( document.getElementById('contactMap'), mapOptions );
// Add a marker
var beachMarker = new google.maps.Marker( {
position: mapCenter,
map: map,
<?php echo ( !empty( $wpl_map_marker_image ) ? 'icon: \'' . $wpl_map_marker_image . '\'' : '' ); ?>
} );
google.maps.event.addListener(beachMarker, 'click', function () {
window.open("http://google.com/");
} ) ;
// Center the map when the user resizes the window
google.maps.event.addDomListener( window, 'resize', function() {
map.setCenter( mapCenter );
} );
}
// Generate the map on page load
if (!window.addEventListener) {
window.attachEvent('load', wplookInitMap);
} else {
window.addEventListener('load', wplookInitMap, false);
}
</script>
函数wplookInitMap（）{
//定义地图的中心和标记的位置
变量映射中心={
拉丁语：，
液化天然气：
};
//定义地图选项
变量映射选项={
缩放：，
中心：地图中心，
可拖动：错误，
disableDefaultUI:true，
滚轮：错误，
};
//生成地图
var map=new google.maps.map（document.getElementById（'contactMap'），mapOptions）；
//添加标记
var beachMarker=新的google.maps.Marker（{
位置：地图中心，
地图：地图，